jquery调用Web API提示"parseerror"

win7+vs2015

接口是：ASP.NET Core1.0  Web API项目 方法是

[HttpGet]         public List<Person> Get()         {             List<Person> list = new List<Person>() { new Person { tname = "ffdfd", name = "name" }, new Person { tname = "fdfd", name = "name2" } };                         return list;         }

public class Person     {         public string tname { get; set; }         public string name { get; set; }     }

新建一个web项目

建立一个index.html调用api接口

方法是：$.ajax({                 url: url, //请求的url                 dataType: "json",                 //jsonpCallback: "jsonpCallback",                 success: function (json) {                     alert(json[0].tname);                 },                 error: function (XMLHttpRequest, textStatus, errorThrown) {                             alert(XMLHttpRequest.status);                             alert(XMLHttpRequest.readyState);                             alert(textStatus);                         }             });

但是status=0  readyState=0 请求失败

通过在网上查找发现很多的方法提示需要跨域请求如

 $.ajax({                 url: url,                 dataType: 'jsonp',                 jsonp: 'callback',//回调函数名字                 jsonpCallback: 'success_jsonpCallback',//可以不写，也可以自定义，用来取代 jQuery 自动生成的随机函数名，不写将由jq自动生成，每次生成的结果都不一样                 // processData: true,                 type: 'get',                 success: function (json) {                     console.log(json);                 },                 error: function (XMLHttpRequest, textStatus, errorThrown) {                     alert(XMLHttpRequest.status);                     alert(XMLHttpRequest.readyState);                     alert(textStatus);                 }             });

结果是：status=200 readyState=4，响应成功但是提示“parseerror”，一直以为的是html页面的ajax请求有问题，试了很多方法，大同小异，都是parseerror

今天在群里有人提示我是不是在Web API里没有设置跨域的问题呢？

在网上找到一段代码，在web.confign文件里的<system.webServer>里加上以下代码

<httpProtocol>       <customHeaders>         <add name="Access-Control-Allow-Origin" value="*" />         <add name="Access-Control-Allow-Headers" value="*" />         <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />       </customHeaders>     </httpProtocol>

，然后用 $.ajax({                 url: url, //请求的url                 dataType: "json",                 success: function (json) {                     alert(json[0].tname);                 },                 error: function (XMLHttpRequest, textStatus, errorThrown) {                             alert(XMLHttpRequest.status);                             alert(XMLHttpRequest.readyState);                             alert(textStatus);                         }             });

再次请求，就可以得到json里的数据了。