asp.net core mvc和web api在post数据时的不同之处

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"
})
...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值