欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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直接嵌入的实例代码的详细内容,更多请关注其它相关文章!

相关标签: form ajax,html