JS传递数组到后台

最新推荐文章于 2022-12-09 16:43:12 发布

weixin_33701617

最新推荐文章于 2022-12-09 16:43:12 发布

阅读量147

点赞数

文章标签： json 前端 ViewUI

本文介绍两种实现前后端交互的方法，一种是通过JSON.stringify将数组转换为JSON字符串发送，另一种是直接发送数组并由后端获取。两种方法分别展示了不同的content-type设置及对应的处理方式。

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

方法一：
1.使用JSON.stringify 将数组对象转化成json字符串;

var array = ["1", "2"];
$.ajax({  
    type : 'POST',  
    url: path + '/check/testPost',  
    contentType : "application/json" ,
    data : JSON.stringify(array), 
    success : function(data) {  

    }  
});

2.传输过程中参数
这里写图片描述

3.后台处理

@RequestMapping(value = "/testPost", method = {RequestMethod.POST})
public void testPost(@RequestBody String[] array) throws IOException {
    for (String string : array) {
        System.out.println(string);
    }
    return ;
}

方法二：
1.前端不做处理:

var array = ["1", "2"];
$.ajax({  
    type : 'POST',  
    url: path + '/check/testPost',
    contentType: "application/x-www-form-urlencoded",
    data: {"array": array},
    success : function(data) {  
    }  
});

2.传输过程中参数
这里写图片描述

3.后台处理

@RequestMapping(value = "/testPost", method = {RequestMethod.POST})
public void testPost(HttpServletRequest req) throws IOException {
    String[] array = req.getParameterValues("array[]");
    for (String string : array) {
        System.out.println(string);
    }
    return ;
}

注:两种post请求的content-type不同。