jQuery的ajax()、post()方法提交数组，参数[] 问题

最新推荐文章于 2022-07-12 00:19:24 发布
最新推荐文章于 2022-07-12 00:19:24 发布
阅读量609 收藏
点赞数
分类专栏： 大前端爬坑之路 web移动端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kerryqpw/article/details/103132524
版权
在使用jQuery的$.ajax()或$.post()方法向后台提交包含数组的参数时，遇到数组命名问题，如`schGender[]`。高版本jQuery中，可以设置`traditional: true`属性来解决这个问题，确保参数按照预期的形式提交，例如：`gender: [0, 1]`。这将使数组参数以传统方式序列化，避免在Firefox的Firebug中查看到错误的提交格式。" 137110308,7337247,深度学习中的RNN时间序列预测详解,"['神经网络', '深度学习', '时间序列预测', 'LSTM', 'GRU']
摘要由CSDN通过智能技术生成

jQuery的ajax()、post()方法提交数组，参数[] 问题

 

当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收.

 

比如:

$.ajax({
   type: "POST",
   url: url,
   data:{ gender:[0,1] },
   dataType: "json",
   async:false
  });

 

这里有个查询性别的gender数组.

用火狐的firebug查看post数据的时候,如果jquery版本过高会发现gender按以下类型提交

schGender[] 1

schGender[] 0

 

也就是说它把数组里面的每个元素都当成了数组了. 这样传到后台就会报错了.

 

解决办法是换低版本的jquery,我这里换成1.3.2就没问题了(不推荐). 之后再查看POST数据就是:

schGender 1

schGender 0

 

最好的解决办法是添加一个属性

traditional:true

$.ajax({<

了解本专栏 订阅专栏 解锁全文 超级会员免费看
慕容屠苏
关注
专栏目录
订阅专栏
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
12-11
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，今天用到了就分享一下。 由于我做的项目一些地方比较复杂，这里我只举一个小例子，能理解就好。 首先，我做了一个简单的多个复选框的界面，如图： 这是一个比较简单的多个复选框提交界面。代码如下： <body> <div> <input type="checkbox" name="check" value="1"/>复选框1 <input type="checkbox" nam
jquery ajax 向后台传递数组参数示例
10-27
特别是，当需要传递数组参数时，如果数组中包含对象类型的数据，直接传递可能会遇到问题，如在后台接收到的仅是"[object Object]"这样的字符串。本文将详细解释这种情况的原因，并提供相应的解决方法。 首先，我们...
jQuery的ajax()方法提交数组问题
热门推荐
axe的专栏
02-21 3万+
当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收.   比如: $.ajax({    type: "POST",    url: url,    data:{ gender:[0,1] },    dataType: "json",    async:false   });   这里有个查询性别的gen
jquery Ajax请求提交数组
near_nie的专栏
07-12 449
前台： 后台： // 菜单id private String[] menuId; // 权限 private String[] operationAuthority;
jquery ajax提交数组
大神带我来搬砖
04-07 223
[code="js"] function bar() { $.ajax("jquerytest.html", { data : { choices : [ "a", "b", "c" ] } }); } [/code] 这个方法调用以后,在浏览器控制台里,发现提交的url是jquerytest.html?choices%5B%5D=a&..
jQuery Ajax向服务端传递数组参数值的实例代码
12-02
在本文中，我们将详细探讨如何使用jQuery Ajax向服务端传递数组参数值，以帮助你更好地理解和应用这些技术。 首先，让我们回顾一下问题的核心：在ASP.NET MVC框架下，向控制器的Action方法发送一个包含数组的POST...
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
10-22
当使用jQuery的$.ajax方法与服务器端WebService交互并传递数组参数时，要注意数据格式的匹配问题。服务器端的WebMethod方法需要正确地将传入的字符串参数解析为数组。如果客户端发送的数据格式与服务器端期望的格式...
jquery中ajax提交数组参数
春哥的博客
03-01 1437
部分代码： var PubTime = new Array(); //时间 $("input[name='PubTime']").each(function(i){ PubTime[i] = $(this).val(); }) //使用ajax的post方式进行提交 $.ajax({  type: 'POST',  url: '
jquery+ajax提交数组（批量删除操作）
longzhengyong1314的博客
03-25 288
ajax提交数组前端效果图ajax提交数组后台controllermapperservice 前端 效果图 点击多选框，将需要删除的数据选中，点击批量删除 ajax提交数组 数组提交，需要设置traditional : true,数组序列化 // 批量选择 $(".batchDel-th").click(function(){ var checks=$(".batchDel-check"); $.each(checks,function(i,input){
jQuery.ajax向后台传递数组问题的解决方法
10-19
主要为大家详细介绍了jQuery.ajax向后台传递数组问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jquery post方式传递多个参数值后台以数组的方式进行接收
10-27
在用jquery的post方式传递多个值时，在后台页面可以用数组形式接收,很不错吧，可以接收多个值啊，接下来介绍实现方法，感兴趣的朋友可以了解下哦
jquery ajax 传递数组数据
Terry - 专注外贸B2C
03-26 937
1.把数组str转换成json格式 str = '{'; for( x in arr){ str += '"'+x+'"'+':"'+arr[x]+'",'; } str += "}"; 2. ajax： jQuery.ajax({ async:false, timeout: 80000, dataType: 'json', type:'g
【前端】小tips：利用jquery的ajax向后台传递数组形式数据
rensheng2020的博客
01-21 3050
1.项目实例展示： //创建一个数组--存耕作方式为1,2 var BoxArr = new Array(); BoxArr.push(1); BoxArr.push(2); //AJAX与后台交互 $.ajax({ url: '/user/suggests',//后台地址--填自己后台地址 type: 'post', traditional: true, //这里设置为true d
jquery ajax传递数组参数问题
06-11 2180
traditional:true
jQuery的post()方法提交数组
03-23 5080
traditional:true $.ajax({ type: "POST", url: url, traditional:true, data:{ gender:[0,1] }, dataType: "json", async:false });
jquery post 数组参数
iteye_17420的博客
10-09 282
两种方法：   1.使用字符串的方式提交；   2. 前台 {name:"a,b"}   后台 String[] name;   其中"a,b"传到后台会以逗号分隔生成数组
Post方法如何接受数组
qq_41967233的博客
07-12 1万+
spring post方法传递数组
jquery ajax post 传递数组 ，多checkbox 取值
qq_23476319的博客
09-20 1033
jquery ajax post 传递数组 ，多checkbox 取值 http://w8700569.iteye.com/blog/1954396 使用$.each(function(){});可以得到checkbox 中对应的值， 在ajax上传的时候需要把 traditional 设置为 true    $('.but_delet_choice').click(functi
.net core 6 mvc项目采用Jquery发起ajax post携带数组参数请求到指定的控制器方法
最新发布
06-01
在.NET Core 6 MVC项目中使用jQuery发起ajax post请求并携带数组参数，可以按照以下步骤进行操作： 1. 创建一个视图，包含一个表单和一个提交按钮。 ```html <form id="myForm" method="post"> <input type="text" name="name" /> <input type="text" name="age" /> <input type="button" id="btnSubmit" value="提交" /> </form> ``` 2. 编写jQuery代码，使用`$.ajax`方法发起post请求，并携带数组参数。 ```javascript <script> $("#btnSubmit").click(function () { var data = { "names": ["Tom", "Jerry"], "ages": [12, 16] }; $.ajax({ type: "POST", url: "/Home/PostData", data: data, success: function (result) { console.log(result); } }); }); </script> ``` 3. 在控制器中创建一个接收post请求的方法，并使用`[FromBody]`特性将请求体中的数据绑定到C#对象上。 ```csharp [HttpPost] public IActionResult PostData([FromBody]MyViewModel myViewModel) { // 处理请求数据 return Json(new { success = true }); } public class MyViewModel { public string[] Names { get; set; } public int[] Ages { get; set; } } ``` 注意事项： - jQuery的`$.ajax`方法中，`data`参数可以直接使用JavaScript对象，jQuery会自动将其转换为适当的格式。 - 在控制器方法中，需要使用`[FromBody]`特性将请求体中的数据绑定到C#对象上。 - 在控制器方法中，可以返回Json数据，使用`Json`方法即可。 以上就是.NET Core 6 MVC项目中使用jQuery发起ajax post请求并携带数组参数的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慕容屠苏

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值