WebAPI学习（一）——创建Web API程序

1、创建Web API程序 http://blog.csdn.net/hao134838/article/details/50877931

2、Asp.NET MVC+WebAPI跨域调用

在WEBAPI项目的Web.Config配置文件中设置 Access-Control-Allow-Origin  即可  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Max-Age" value="30"/>
        <add name="Access-Control-Allow-Methods" value="GET,POST,OPTIONS"/>
        <add name="Access-Control-Allow-Headers" value="Content-Type, Accept" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>

3、前端ajax调用webapihttps://jingyan.baidu.com/article/a681b0de19111d3b1843462d.html
Post提交：
（1）、web api
        public string Post([FromBody] Contact m)
        {
            return m.Name;

        }
(2)、调用 $(document).ready(function () {
$("#Button1").click(function () {
//$.ajax({
// type: "post",
// url: "http://localhost:65496/api/Contact",
// contentType: 'application/json',
// data: JSON.stringify({ ID: 1, Age: 23, Birthday: new Date("1977-05-30"), Name: "情缘", Sex: "男" }),
// success: function (data, status) {
// //console.log(data);
// //console.log(status);
// alert(status);
// }
//});
$.post('http://localhost:65496/api/Contact', { ID: 1, Age: 23, Birthday: "1977-05-30", Name: "情缘", Sex: "男" }, function (data)
{
alert(JSON.stringify(data));
}
);
});
});
4、http://www.yuanjiaocheng.net/webapi/first.html