解决js跨域调用WebApi的问题
2017-02-14 09:50
603 查看
我们在使用js(如jQuery的ajax方法)调用WebApi的时候,常常会遇见跨域的问题,为了解决这个问题,在WebApi中有一个很方便的解决办法,就是引用System.Web.Http.Cors.dll组件即可。如下图所示,我们使用NuGet添加该组件的引用
![](https://images2015.cnblogs.com/blog/346453/201702/346453-20170214094714800-422028334.png)
接下来我们在WebApiConfig.cs中添加如下代码即可:
最后我们使用ajax调用就会成功了:
![](https://images2015.cnblogs.com/blog/346453/201702/346453-20170214094714800-422028334.png)
接下来我们在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); });
相关文章推荐
- 解决调用Iframe引入跨域访问页js方法问题
- 关于JS调用Java后台API跨域问题的解决方法
- JS AJAX 调用tyk转发报跨域问题(已解决)
- .Net MVC4 被坑心得(十)解决jquery调用webapi时跨域问题
- Cordys HTML JS调用 Webservice 解决跨域问题
- JAVA调用https, JS跨域请求,客户端解决JS跨域问题, SOP
- webapi跨域调用问题解决(405错误)
- vue.js vue-cli 中解决 axios 跨域调用的问题
- web api 初体验 解决js调用跨域问题
- 服务器端解决JS跨域调用问题
- 利用nginx解决js跨域调用问题
- 关于AJAX调用ASP.NET MVC 或者WEBAPI项目提示I跨域问题的解决办法
- web api 初体验 解决js调用跨域问题
- web api 初体验 解决js调用跨域问题
- 解决js跨域访问问题JSONP,不支持同步调用
- 服务器端解决JS跨域调用问题
- 某项目要调用现有的100多个DLL 三 先解决为一个类型做一个跨域的问题
- js 跨域访问问题解决方法
- JSP、AJax中文乱码问题解决,escape(), encodeURI(), encodeURIComponent(),js对参数连续两次调用 encodeURI(String) 方法
- js通过window.external调用delphi的返回值类型问题解决方案,不解的COM问题