form ajax提交返回html直接嵌入

前端之家收集整理的这篇文章主要介绍了form ajax提交返回html直接嵌入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

form 提交

1,返回的@R_246_404@面可以直接赋值给页面的一个变量(比如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){

}

}

});

}

<div id="data">

</div>

这个时候后台不必写@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";

}

原文链接:https://www.f2er.com/ajax/161974.html

猜你在找的Ajax相关文章