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>