ASP.NET Core MVC控制器的POST方法,参数较少时,一般直接定义多个参数,如:
[HttpPost]
public async Task<IActionResult> Login(string userId, string password)
前端使用jquery ajax调用时,如果直接使用$.post方法:
$.post(url, {userId: 'user', password: '123'})
在服务器端是接收不到userId和password这两个参数值的。这是因为HttpPost方法的contentType默认为applicaltion/json,而$.post方法的contentType默认为application/x-www-form-urlencoded。这时需要把WEP API的定义改成如下形式:
[HttpPost]
public async Task<IActionResult> Login([FromForm]string userId, [FromForm]string password)
如果方法的参数比较多时,通常会封装为实体类,如:
[HttpPost]
public async Task<IActionResult> PostDevice(Device device)
这时候前端直接使用$.post方法,数据使用json格式提交,服务器可以收到数据:
let data = {
deviceName: "test",
deivceType: "仪器"
}
$.post(url, data)
如果需要向后台传递数组,方法的参数无论是集合还是数组,都无法收到客户端提交的json数组:
public async Task<IActionResult> SaveUser(List<User> users)
前端数据:
let users = [{
userId: "test1",
userName: "测试1"
}, {
userId: "test2",
userName: "测试2"
}]
$.post(url, users)
以上代码在SaveUser方法中无法接收到客户端提交的数据。
有说可以在前端使用JSON.stringify()把数据转换成字符串,后台接收字符串后再用json反序列化,这个没有验证,不过应该是可行的。
还有一种方法是没有问题的,就是后台把数组封装到实体类中,前端传递实体对象。
后台代码:
public class UserCollection
{
public List<User> Users{get; set;}
}
public async Task<IActionResult> SaveUser(UserCollection users)
{
//访问users.Users是可以获得数据的
}
前端代码:
$post(url, {users: users})
API控制器中的POST方法接收数据时和MVC控制器有所不同,简单类型的参数和MVC控制器一样,需要在参数定义时加上[FromForm]特性。如果参数是实体类对象,客户端提交时不能用$.post方法,需要用以下方式提交:
let data = {
deviceName: "test",
deivceType: "仪器"
}
$.ajax({
url: "api地址",
data: JSON.stringify(data),
method: "POST",
contentType: "application/json"
})
...