关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
来源:互联网 发布:烈火战神源码 编辑:程序博客网 时间:2024/05/17 08:50
文章来源:http://www.cnblogs.com/chenxizhang/p/3821703.html
问题描述
当跨域(cross domain)调用ASP.NET MVC或者ASP.NET Web API编写的服务时,会发生无法访问的情况。
重现方式
- 使用模板创建一个最简单的ASP.NET Web API项目,调试起来确认能正常工作
- 创建另外一个项目,仅仅包含一个HTML页面,发起AJAX的调用
- 在浏览器中打开这个网页,我们会发现如下的错误(405:Method Not Allowed)
【备注】同样的情况,也发生在ASP.NET MVC中。某些时候,MVC也可以直接用来开发服务,与WebAPI相比各有优缺点。下面是一个利用MVC开发的服务的例子
原因分析
跨域问题仅仅发生在Javascript发起AJAX调用,或者Silverlight发起服务调用时,其根本原因是因为浏览器对于这两种请求,所给予的权限是较低的,通常只允许调用本域中的资源,除非目标服务器明确地告知它允许跨域调用。
所以,跨域的问题虽然是由于浏览器的行为产生出来的,但解决的方法却是在服务端。因为不可能要求所有客户端降低安全性。
解决方案
针对ASP.NET MVC和ASP.NET Web API两种项目类型,我做了一些研究,确定下面的方案是可行的。
针对ASP.NET MVC,只需要在web.config中添加如下的内容即可
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
针对ASP.NET Web API,除了上面这样的设置,还需要添加一个特殊的设计,就是为每个APIController添加一个OPTIONS的方法,但无需返回任何东西。
public string Options()
{
return null; // HTTP 200 response with empty body
}
【备注】这个功能也可以进行一些研究,设计成Filter的形式可能就更好了。
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- 关于AJAX调用ASP.NET MVC 或者WEBAP项目提示I跨域问题的解决办法
- 关于ASP.NET MVC WebApi接口跨域访问的解决方案
- 一个ASP.NET MVC中ajax调用WebApi返回500 Internal Server Error的调错方法。
- ASP.NET AJAX正式版带来的Validator问题及解决方案
- ASP.NET AJAX正式版带来的Validator问题及解决方案
- asp.net webapi的跨域问题,以及同源策略
- ASP.NET WEBAPI跨域遇到的一些问题
- ASP.NET MVC AJAX的调用示例
- ASP.NET MVC的WebApi使用
- 关于ASP.NET AJAX调用WEBSERVICE的问题
- asp.net mvc 导入 ajax excel,或者图片上传 后台不能接收的问题
- 通过ajax 跨域访问asp.net webapi
- Asp.net WebAPI对Ajax和Angularjs跨域的支持
- 折腾MySQL,遇到的问题
- PEP8 indentation写法
- Understanding REST
- 编码过滤器,过滤中文乱码(Post和get方式都支持)
- 利器系列-为Tomcat添加User 像easyPHP那样使用Manager App高效管理你的应用
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- linux使用中出现的小问题汇总(持续更新)
- opencv 根据模板凸包求阈值化后的轮廓组合
- chown
- Java处理http协议相关初步(一)——httpclient
- Java的四种访问修饰符
- 信号量和互斥锁详解 MarkDown版
- TF图层指南:构建卷积神经网络
- 毫米焦距到像素焦距换算