html中form直接嵌入的实例代码
程序员文章站
2022-03-29 12:32:19
...
form 提交
1,返回的跳转页面可以直接赋值给页面的一个变量(比如ajax的设置返回格式html即可)这样对于逻辑复杂的展现效果非常好,一套逻辑
2,也可以字节流的方式写入标签中的src等 属性
3, ajax拼接时间过长,有异步渲染问题
一个页面
1 直接action submit提交
2 ajax提交
A, 默认返回式string,(json)
function submit() { if (confirm('确实要绑定吗?')) { form.submit(); return true; } return false; }
B, 当要求返回式html时dataType:"html",
html形式提交,返回直接是页面嵌入
function loadData(){ //alert($("#search").formSerialize()); $.ajax({ url:"getAccountData", type:"post", dataType:"html", cache:false, data:$("#search").formSerialize(),//url传参形式,&&& success:function(data){ $("#data").html(data);//这个返回的是一个跳转的jsp页面,直接嵌入 }, error:function(retMsg){ try{ var ret = eval("("+retMsg.responseText+")"); if(ret.status!=0){ $.zd.alert('',ret.msg); } }catch(eee){ } } }); } <p id="data"> </p>
这个时候后台不必写@Response()标签,这个标签针对的是json格式的数据返回
@RequestMapping(value = "/getAccountData")
public String getAccountData(Model model,TbCusUserBeanVo tbCusUserBeanVo, HttpServletRequest request, HttpSession session) throws Exception { Map<String,Object> param = new HashMap<String,Object>(); CASUtil.getCurrentUserName(request, session); param.put("CUSTOMER_KEY", customerKey); param.put("MAN", tbCusUserBeanVo.getMan()); param.put("CUS_USER_ID", tbCusUserBeanVo.getCusUserId().toUpperCase()); param.put("CUS_USER_STATUS", tbCusUserBeanVo.getCusUserStatus()); model.addAttribute("list",accountService.getOperateUserByCustomerKey(param)); return "myaccount/operateUser/operateUserListData"; }
需要学习html的同学请关注html视频教程,众多html在线视频教程可以免费观看!
以上就是html中form直接嵌入的实例代码的详细内容,更多请关注其它相关文章!