.net core 6 mvc项目采用Jquery发起ajax post携带数组参数请求到指定的控制器方法
时间: 2024-02-24 12:53:26 浏览: 157
在.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请求并携带数组参数的方法。
阅读全文