jquery中ajax提交数组参数

本文介绍了一种改进Ajax POST请求的方法,通过增加参数traditional:true,可以将数组数据以简化格式提交,便于后端处理。

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

部分代码:

<pre name="code" class="javascript">		var PubTime = new Array(); //时间
		$("input[name='PubTime']").each(function(i){
			PubTime[i] = $(this).val();
		})
		
		//使用ajax的post方式进行提交
		$.ajax({
				  type: 'POST',
				  url: '',
				  data: {
					  	PubTime : PubTime
					}
		})

 上面的代码在进行提交的时候提交的参数会是如下格式: 

PubTime[]:

PubTime[]:

	$.ajax({
				  type: 'POST',
				  url: '',
				  traditional:true,
				  data: {
					  	PubTime : PubTime
					}
		})
也就是增加了参数:traditional:true,这样提交的参数就会是如下格式个:
PubTime:

PubTime:

这样后台就可以通过数组的方式来进行提取数据了


.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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值