AJax技术

关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

字号+ 作者:H5之家 来源:H5之家 2017-10-10 13:06 我要评论( )

这篇文章为您讲述关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案的相关介绍,具体代码请看下文问题描述当跨域(cross domain)调用ASP.NET MVC或者

这篇文章为您讲述关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案的相关介绍,具体代码请看下文

问题描述

当跨域(cross domain)调用ASP.NET MVC或者ASP.NET Web API编写的服务时,会发生无法访问的情况。

重现方式

使用模板创建一个最简单的ASP.NET Web API项目,调试起来确认能正常工作

关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

创建另外一个项目,仅仅包含一个HTML页面,发起AJAX的调用

关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

在浏览器中打开这个网页,我们会发现如下的错误(405:Method Not Allowed)

关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

【备注】同样的情况,也发生在ASP.NET MVC中。某些时候,MVC也可以直接用来开发服务,与WebAPI相比各有优缺点。下面是一个利用MVC开发的服务的例子

关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

原因分析

跨域问题仅仅发生在发起AJAX调用,或者Silverlight发起服务调用时,其根本原因是因为浏览器对于这两种请求,所给予的权限是较低的,通常只允许调用本域中的资源,除非目标服务器明确地告知它允许跨域调用。

所以,跨域的问题虽然是由于浏览器的行为产生出来的,但解决的方法却是在服务端。因为不可能要求所有客户端降低安全性。

解决方案

针对ASP.NET MVC和ASP.NET Web API两种项目类型,我做了一些研究,确定下面的方案是可行的。

针对ASP.NET MVC,只需要在web.config中添加如下的内容即可

<system.webServer>

<httpProtocol>

<customHeaders>

<add value="*" />

<add value="Content-Type" />

<add value="GET, POST, PUT, DELETE, OPTIONS" />

</customHeaders>

</httpProtocol>

<handlers>

<remove />

<remove />

<remove />

<add 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

}

通本学习您是不是更了解.net了呢.感谢关注织梦者

这些内容可能对你也有帮助

更多asp.net教程可查看asp.net教程列表页。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【济南it培训】Web前端:什么是Ajax和JSON?它们有什么优劣势么

    【济南it培训】Web前端:什么是Ajax和JSON?它们有什么优劣势么

    2017-10-10 11:01

  • asp.net ajax实现无刷新验证码

    asp.net ajax实现无刷新验证码

    2017-10-10 11:01

  • Ajax/JSON/WEB存储/iframe详解

    Ajax/JSON/WEB存储/iframe详解

    2017-10-09 11:01

  • 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据

    使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据

    2017-10-09 08:00

网友点评
p