关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
2016-06-06 11:47
906 查看
问题描述
当跨域(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>
转: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>
转:http://www.cnblogs.com/chenxizhang/p/3821703.html
相关文章推荐
- [置顶] Asp.net教师管理系统
- ASP.NET MVC Razor 输出没有编码的HTML字符串
- Asp.net mvc页面传值-- dropdownlist
- asp.net MVC 之 Html.ActionLink
- asp.net mvc 导航标签背景色切换的实现
- asp.net实现递归方法取出菜单并显示在DropDownList中(分栏形式)
- 树莓派上面的U盘挂载去Windows啦啦啦
- 树莓派(raspberry) 笔记
- ASP.NET将数据导出到一个EXCEL文件的多个SHEET中
- asp.net core VS goang web[修正篇]
- ASp.net
- Asp.net入门初了解
- Django模拟ASP.NET MVC 自动匹配路由(转载)
- Django模拟ASP.NET MVC 自动匹配路由(转载)
- Visual Studio 2015和ASP.NET 5中可用的前端开发工具集
- kali下启用metasploit
- 【无私分享:从入门到精通ASP.NET MVC】从0开始,一起搭框架、做项目 登录界面前端样式和特效
- ASP.NET 成员资格
- ASP.Net Web API 的参数绑定[翻译]
- 关于RaspberryPi 3的CPU