我們在使用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); });