C# webapi post方法参数值为null

webapi

public class ValuesController : ApiController
    {
        // GET api/values
        public IEnumerable<string> 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)表单提交方式

<html>
    <head>
        <title>测试表单</title>
    </head>
    <body>
        <form id="myForm" action="/api/values" method="post">
            <input type="text" value="hhh" placeholder="请输入你的名字" />
            <input type="submit" value="提交"/>
            <!--<input type="submit" value="提交"/>-->
        </form>
        <script>
            //var form = document.getElementById("myForm");
            
        </script>
    </body>
</html>

 后台无法获取到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方法,<input>的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提交方式获取不到参数值。

<html>
    <head>
        <title>测试表单</title>
    </head>
    <body>
        <form>
            <button type="button" id="submit">提交</button>
        </form>
        <script>
            var button = document.getElementById("submit");
            button.onclick = function () {
                $.ajax({
                    url: "/api/values",
                    method: "post",
                    contentType: "application/json",
                    dataType:"json",
                    data: JSON.stringify("hhh"),
                });
            }
        </script>
    </body>
</html>

  

  

  

 

posted @ 2020-07-01 17:32  头号程序媛  阅读(5214)  评论(0编辑  收藏  举报