jquery Ajax 如何传递数组类型参数

最新推荐文章于 2025-06-26 11:34:08 发布

不懂了e

最新推荐文章于 2025-06-26 11:34:08 发布

阅读量3.2w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： ajax 随手记录文章标签： jquery ajax 传递数组参数

本文链接：https://blog.youkuaiyun.com/qq_39861128/article/details/80019551

ajax 同时被 2 个专栏收录

2 篇文章

订阅专栏

随手记录

1 篇文章

订阅专栏

本文介绍如何在前端使用jQuery AJAX向后端传递数组类型的参数，并展示了两种方法：一是通过设置traditional参数来避免深度序列化，二是直接指定参数类型。同时提供了前端JavaScript和后端Java的具体实现代码。

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

上次做项目的时候碰见一个向后台传递数组参数的问题

稍微研究了一下：

假设需要向后台传递的参数为：

var userid = [1,2,3];

var username=["a","b","c"];

var school="南山幼儿园"；

有两种比较简单的方法：

1.加入traditional防止深度序列化

js代码：

$.ajax({
    url:"*****",
    data:{
        "userid":userid,
        "username":username,
        "school":school
    },
    dataType:"json",
    type:"post",
    traditional:true,//防止深度序列化
    cache:false,
    async:false,
    success:function(){
        ....
    }
});

java代码：

@requesMapping(value="/****", method=RequestMethod.POST)
@responseBody
public String testForAjax(@RequestParam(value="userid") Integer[] userid, @RequestParam(value="username") String[] username, String school){
  
      .....

}

2.指定参数类型

js代码：

$.ajax({
    url:"*****",
    data:{
        "userid":userid,
        "username":username,
        "school":school
    },
    dataType:"json",
    type:"post",
    cache:false,
    async:false,
    success:function(){
        ....
    }
});

java代码：

@requesMapping(value="/****", method=RequestMethod.POST)
@responseBody
public String testForAjax(@RequestParam(value="userid[]") Integer[] userid, @RequestParam(value="username[]") String[] username, String school){

    .....

}