C# webapi post方法参数值为null

2023-11-11 06:08| 来源: 网络整理| 查看: 265

webapi

public class ValuesController : ApiController { // GET api/values public IEnumerable Get() { return new string[] { "value1", "value2" }; } // GET api/values/5 public string Get(int id) { return "value"; } [HttpPost] // POST api/values public void Post([FromBody]string value) { XTrace.WriteLine("values:" +value); } // PUT api/values/5 public void Put(int id, [FromBody]string value) { } // DELETE api/values/5 public void Delete(int id) { } }

(1)表单提交方式

测试表单 //var form = document.getElementById("myForm");

后台无法获取到value的值，一直为null。将[FromBody]属性修改为[FromUri]即可以获取到参数的值，默认form提交表单是通过url传参的，详细了解了解一下webapi的Frombody和FromUri做了什么工作，以及ajax提交方式，怎样写是对应着body，怎样写是对应着uri。

（2）使用Fiddler发起post请求

webapi 属性设置为[FromBody]，设置Content-Type为application/json,在RequestBody中输入键值对，可以成功post并获取到对象。若不设置Content-Type，但设置RequestBody,http返回415错误。

public void Post([FromBody] string value) { XTrace.WriteLine("values:"+value); }

webapi属性设置为[FromUri],通过url中传入参数值post可以成功获取到.

public void Post([FromUri] string value) { XTrace.WriteLine("values:"+value); }

由此，可以推测出html中使用form提交表单时，在属性为[FromBody]时，要成功访问参数，需要设置content-type格式。问题是，使用form标签时，只能设置encrypt属性（提交数据的格式），

1 application/x-www-form-urlencoded: 概述: 当action为get，数据被编码为名称/值对,是标准的编码格式，也是默认的编码格式格式：name1=value1&name2&value2 把form数据转换成一个字串,然后把这个字串append到url后面，用?分割，加载这个新的url

2 multipart/form-data: 概述：当action为post时，浏览器把form数据封装到http body中，然后发送到server。如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。但是如果有type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上ContentDisposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息，并加上分割符(boundary)。file或者img等发生上传文件时，设置entype = 'multipart/form-data'，是上传二进制数据，它告诉我们传输的数据要用到多媒体传输协议，由于多媒体传输的都是大量的数据，所以规定上传文件必须是post方法，的type属性必须是file。form里面的input的值以2进制的方式传过去，所以request就得不到值了。

可以看到，可以通过multipart/form-data的方式封装数据到http body中，然后后台进行解析，问题是默认的Content-Type是text/plain，而不是application/json。存疑：不能通过form标签指定Content-Type为application/json,只能通过ajax指定？。顺理成章地，应该可以提交ajax请求，指定Content-Type为application/json来获取数据。奇怪的是，这种ajax提交方式获取不到参数值。

测试表单提交 var button = document.getElementById("submit"); button.onclick = function () { $.ajax({ url: "/api/values", method: "post", contentType: "application/json", dataType:"json", data: JSON.stringify("hhh"), }); }

【本文地址】

公司简介

联系我们