首页 > Web开发 > 详细

AJAX 向后台发送带 List 集合的对象

时间:2018-04-15 20:21:05      阅读:392      评论:0      收藏:0      [点我收藏+]

现有基类:

public class School {
    int name;
    int address;
    List<Student> students = new ArrayList<Student>();
}

public class Student {
    int name;
    int sex;
}

现在我需要通过ajax向后台传输一个包含所有学生集合的School对象:

传输的数据格式为:

school: {
    "name" : "清华大学",
    "address" : "北京",
    "students" : [{
        "name" : "张三",
        "sex" : "20"
    },{
        "name" : "李四",
        "sex" : "20"
    }]    
}

js 中的实现:

var school = {};
school.name = ‘清华大学‘;
school.address = "北京";
//此处使用的是 easyui 插件来获取数据
var rows = $(‘#maintainTableId‘).datagrid(‘getSelections‘);
for (var i = 0; i < rows.length; i++) {
    school["students [" + i + "].name"] = rows[i].name;
    school["students [" + i + "].sex"] = rows[i].sex;
}

$.ajax({
    url : url,
    type : ‘POST‘,
    dataType : ‘json‘,
    data : school,
    success : function() {}
})

注意:

    ajax 的请求参数  contentType 可能会影响到服务器端接受参数, 如果JS端发送的JSON数据为简单常见的JSON格式则不会受影响

    但是当JS发送到服务器端的JSON数据比较复杂时(例如本例中的JSON包含数组),默认的contentType(application/x-www-form-urlencoded)

    不能识别,需要更改为 ‘application/json‘ 才能识别。

    contentType的设置参考: https://blog.csdn.net/m0_37572458/article/details/78622668?locationNum=6&fps=1

    

AJAX 向后台发送带 List 集合的对象

原文:https://www.cnblogs.com/guofz/p/8849093.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!