ajax传递多组对象给后台
如果是需要通过ajax传递数组给后台，可以使用JSON.stringify（）函数将JS数组转为json字符串，然后后台通过@RequestBody注解修饰，将前台传来的json字符串转为对应的参数类型。 前台
代码语言：javascript复制$.ajax({
type: "post",//注意不能用get
dataType: 'json', //指定参数类型
url: "customerInfoCT/limitQuery",
contentType: 'application/json;charset=utf-8', //这个必须是这个格式
data: JSON.stringify(screenInfo),//前台将要传递的数组封装成json格式
traditional: true,
success: function (ret) {
}
});后台
代码语言：javascript复制@RequestMapping("completeQuery")
@ResponseBody
public String customerSort(@RequestBody List<String> screenInfo){
return null;
}而如果在传递数组的同时还需要传递其它参数，可以在url尾部追加，因为在后端的同一个接收方法里，@RequestBody与@RequestParam()可以同时使用，其中json字符串需要使用@RequestBody注解获取@RequestParam()可以有多个，而@RequestBody最多只能有一个，因为传递类型指定为了json，如果再到data中添加参数，它们也都会以json格式传递，后台接到的往往就为null（详情可以看这篇博客），所以可以尝试通过url传递。 前台
代码语言：javascript复制$.ajax({
type: "post",//注意不能用get
dataType: 'json',
url: tableName "CT/completeQuery?pageIdx=" pageIdx "&pageDataCount=" pageDataCount,
contentType: 'application/json;charset=utf-8',//这个必须是这个格式
data: JSON.stringify(screenInfo),//前台要封装成json格式
traditional: true,
success: function (ret) {
}
});后台
代码语言：javascript复制@RequestMapping("completeQuery")
@ResponseBody
public String customerSort(@RequestBody List<String> screenInfo,@RequestParam Integer pageIdx,@RequestParam Integer pageDataCount){
return null;
}后台传递多组对象给ajax
后台有时也需要传递多个不同类型的对象给前台，例如表模型数组、当前访问页数、每页显示行数等。你可以选择通过创建一个类，将这些对象封装到一起，然后用需要传递的对象创建该类实例，把该类传递给前台回调函数，但也可以选择一种更简单的方式，使用非泛型的HashMap存储要传递的所有对象，然后将该hashMap返回给回调即可。 后台
代码语言：javascript复制@RequestMapping("completeQuery")
@ResponseBody
public HashMap customerSort(@RequestBody List<String> screenInfo,@RequestParam Integer pageIdx,@RequestParam Integer pageDataCount){
//业务代码可以忽略
QueryInfoByCustomerInfo qc = new QueryInfoByCustomerInfo(screenInfo,pageIdx*pageDataCount,pageDataCount);
int count = cService.findScreenCount(qc);
pageIdx = count>pageIdx*pageDataCount?pageIdx:(count-1)/pageDataCount;
qc.setLimitBegin(pageIdx*pageDataCount);
List<CustomerInfo> customerInfos = cService.completeQuery(qc);
//存储
HashMap hash = new HashMap();
hash.put("customerInfos", customerInfos);
hash.put("pageIdx",pageIdx);
hash.put("dataCount", count);
return hash;
}前台
代码语言：javascript复制$.ajax({
type: "post",//注意不能用get
dataType: 'json',
url: tableName "CT/completeQuery?pageIdx=" pageIdx "&pageDataCount=" pageDataCount,
contentType: 'application/json;charset=utf-8',
data: JSON.stringify(screenInfo),//前台要封装成json格式
traditional: true,
success: function (hash) {
console.log(hash);
var customerInfos = hash.customerInfos;
dataCount = hash.dataCount;
pageIdx = hash.pageIdx;
refreshDataPageLinks();
var datatable = document.getElementsByClassName("datatable")[0];
$('.datatable .row').remove();
for(var i = 0;i < customerInfos.length;i ){
var $newRow = $dataRowTemp.clone(true);
var $vals = $newRow.children('.val');
$vals.eq(0).html(customerInfos[i].id);
$vals.eq(1).html(customerInfos[i].salesman);
$vals.eq(2).html(customerInfos[i].customerId);
$vals.eq(3).html(customerInfos[i].proportionOfOrders);
$vals.eq(4).html(customerInfos[i].cumulativeProportion);
$vals.eq(5).html(customerInfos[i].averageMonthlyOrder);
$vals.eq(6).html(customerInfos[i].totalOrders);
$vals.eq(7).html(customerInfos[i].orderNumber);
$vals.eq(8).html(customerInfos[i].orderQuantity);
$vals.eq(9).html(customerInfos[i].customerLevel);
$vals.eq(10).html(customerInfos[i].leadTime);
$vals.eq(11).html(customerInfos[i].remark);
$('.datatable').append($newRow);
}
}
});
