Ajax实现对象数组的传递

本文介绍如何使用Ajax传递对象数组到后端Java控制器。通过引入JSONArray,后端能够成功接收数据。在前端,Ajax调用提供了一种实现此功能的方法。详细js代码在文中给出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后端Java的controller层可以用JSONArray完成数据的接收

@RequestMapping("/test")
public void test(HttpServletRequest request,HttpServletResponse response) {
    response.setContentType("text/html;charset=UTF-8");
	JSONObject obj = new JSONObject();

    //获取Ajax上传的JSON对象数组
	String submitArray = request.getParameter("submitArray");

	//数据类型转换String -> JSONArray
	JSONArray arr= JSONArray.fromObject(submitArray);
}

使用JSONArray需要6个包

https://download.youkuaiyun.com/download/C_B_W_/18162392

Maven

    <dependency>
        <groupId>net.sf.json-lib</groupId>
        <artifactId>json-lib</artifactId>
        <version>2.4</version>
        <classifier>jdk15</classifier>
    </dependency>
    <dependency>
        <groupId>commons-beanutils</groupId>
        <artifactId>commons-beanutils</artifactId>
        <version>1.7.0</version>
    </dependency>
    <dependency>
        <groupId>commons-collections</groupId>
        <artifactId>commons-collections</artifactId>
        <version>3.1</version>
    </dependency>
    <dependency>
        <groupId>commons-lang</groupId>
        <artifactId>commons-lang</artifactId>
        <version>2.5</version>
    </dependency>
    <dependency>
        <groupId>net.sf.ezmorph</groupId>
        <artifactId>ezmorph</artifactId>
        <version>1.0.3</version>
    </dependency>
    <dependency>
        <groupId>commons-logging</groupId>
        <artifactId>commons-logging</artifactId>
        <version>1.2</version>
    </dependency>

 前端Ajax传值可以参考下面的方法

Ajax实现对象数组传递

js代码

//初始化提交的数据数组
var submitArray = new Array();

var item0 = {"id":0,"name":"abc"};
var item1 = {"id":1,"name":"xxx"};

submitArray.push(item0);
submitArray.push(item1);

//提交
$.ajax({
    type:"post",
    url:"/test",
    data:{"submitArray":JSON.stringify(submitArray)},
	dataType:"json",
	success:function(data){
		
	},
    error:function(){
        
    }
});

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值