您的位置:首页 > Web前端 > JavaScript

解决js跨域调用WebApi的问题

2017-02-14 09:50 603 查看
  我们在使用js(如jQuery的ajax方法)调用WebApi的时候,常常会遇见跨域的问题,为了解决这个问题,在WebApi中有一个很方便的解决办法,就是引用System.Web.Http.Cors.dll组件即可。如下图所示,我们使用NuGet添加该组件的引用



  接下来我们在WebApiConfig.cs中添加如下代码即可:

//配置解决js跨域访问的问题
var cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(cors);


  最后我们使用ajax调用就会成功了:

$.ajax({
type: "GET",
url: "http://192.168.0.154:8088/cdkx/api/user/get/list",
dataType: "json",
contentType: 'application/json;charset=gb2312;'
}).success(function (res) {
console.log(res);
}).error(function (xhr, status) {
console.log(xhr);
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: