码迷,mamicode.com
首页 > 编程语言 > 详细

JS传递数组到后台

时间:2017-09-02 18:05:05      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:.ajax   字符   eth   content   UI   参数   tle   fonts   技术分享   

方法一: 
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不同。

 

JS传递数组到后台

标签:.ajax   字符   eth   content   UI   参数   tle   fonts   技术分享   

原文地址:http://www.cnblogs.com/mr-wuxiansheng/p/7467154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!