使用ajax将js对象数组传给java后台服务器

最新推荐文章于 2024-10-30 16:43:42 发布

原创最新推荐文章于 2024-10-30 16:43:42 发布 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #ajax #java

本文详细介绍了如何在前端使用JavaScript通过Ajax发送一个包含对象数组的JSON数据，并展示了如何在Java后端使用Fastjson进行解析。涉及对象定义、序列化与反序列化过程以及实体类的映射。

前端页面js写法：


        var objectArray=[];
        for(var i=0;i<3;i++) {

                var data = {
                    examineeId: 1,
                    workTypeId: 2,
                    classIdArray: 3
                };
                objectArray.push(data);
            }


        $.ajax({
            url: ctx+'/test',
            type:'POST',
            data:{
                  objectArray: JSON.stringify(ObjectArray)
            },
            dataType:'json',
            async:false,
            success: function (data) {

            }
        });

导入阿里的jar包：

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.73</version>
    </dependency>

后台java服务器接收：

import com.alibaba.fastjson.JSONObject;

    @RequestMapping("test")
    @ResponseBody
    public String test(String objectArray){

        //json字符串传对象数组
        List<BatchjSelectTestExceminee> batchjSelectTestExceminees = JSONObject.parseArray(objectArray, BatchjSelectTestExceminee.class);

    }

实体类属性对应参数名：


public class BatchjSelectTestExceminee {

    private Integer examineeId;
    private Integer workTypeId;
    private String classIdArray;

    public Integer getExamineeId() {
        return examineeId;
    }

    public void setExamineeId(Integer examineeId) {
        this.examineeId = examineeId;
    }

    public Integer getWorkTypeId() {
        return workTypeId;
    }

    public void setWorkTypeId(Integer workTypeId) {
        this.workTypeId = workTypeId;
    }

    public String getClassIdArray() {
        return classIdArray;
    }

    public void setClassIdArray(String classIdArray) {
        this.classIdArray = classIdArray;
    }
}