$.ajax 提交参数服务端使用List接受参数
需要的技术
1.springmvc 使用@RequestBody 注解
2.jquery.js
3.json2.js 提供JSON.stringify(obj) //用于从一个对象解析出字符串
例子:批量删除
前端代码:
/**
* 用户-删除
*/
function deleteUser(){
debugger;
var userArray=[];
$("input[name='checkList']:checked").each(function(i,o){
var id=$(this).val();
userArray.push({"id":id});//因为删除只需要id,其实可以写多个属性{"id":id,"name":"Tom"}
});
if(userArray.length!=0){
if(confirm("确定删除"+userArray.length+"位用户?")){
alert(JSON.stringify(userArray));
$.ajax({
type : "post",
contentType:"application/json",
dataType:"json",
url: "log/delete.do",
data :JSON.stringify(userArray),
success: function(data){
alert("删除"+data.count+"条记录成功!");
}
});
}
}else{
alert("请至少选择一条记录");
}
}
后端代码:
@RequestMapping("delete")
@ResponseBody
public Map delete(@RequestBody List list){
Map map=new HashMap();
//处理业务逻辑
map.put("count", 10);
return map;
}
拓展:JSON.stringify相对应的方法JSON.parse
parse用于从一个字符串中解析出json对象,如
var str = '{"name":"huangxiaojian","age":"23"}'
结果:
JSON.parse(str)
Object
age: "23"
name: "huangxiaojian"
__proto__: Object