关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3157字，纯文字阅读大概需要5分钟。
内容图文
原文：http://www.cnblogs.com/chenxizhang/p/3821703.html
问题描述
当跨域（cross domain）调用ASP.NET MVC或者ASP.NET Web API编写的服务时，会发生无法访问的情况。
重现方式
public
class
TestController : ApiController
{
//
GET api/test
public IEnumerable<string> Get()
{
returnnewstring[] { "value1", "value2" };
}
// GET api/test/5publicstring Get(int id)
{
return"value";
}
// POST api/testpublicvoid Post([FromBody]string value)
{
}
// PUT api/test/5publicvoid Put(int id, [FromBody]string value)
{
}
// DELETE api/test/5publicvoid Delete(int id)
{
}
}
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.10.2.min.js"></script> <script> $(function () { var url = "http://localhost:49136/api/test"; $ajax({ type: "GET", contentType: "application/json", url: url, datatype: ‘json‘, success: function (result) { alert(result); } }); }); </script> </head> </html>
3.在浏览器中打开这个网页，我们会发现如下的错误（405：Method Not Allowed）
【备注】同样的情况，也发生在ASP.NET MVC中。某些时候，MVC也可以直接用来开发服务，与WebAPI相比各有优缺点。下面是一个利用MVC开发的服务的例子
public
class
HomeController : Controller
{
//
GET: /Home/
public
ActionResult Index()
{
return Json(new { Id = 1 }, JsonRequestBehavior.AllowGet);
}
}
原因分析
跨域问题仅仅发生在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
}
=========================================================================================
以下是瞎扯
最近用webapi写了个小项目，基于.NET 4.0，遇到这个跨域的问题，就被坑死，这里要先感谢下博主
有问题肯定找度娘，显示发现用JSONP来实现，找了以下比较经典的文章
http://www.cnblogs.com/Kummy/p/3767269.html
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
看了好多文章，js和服务端都要做一些麻烦的配置，最后发现一个更大的坑：只支持get。顿时，泪奔，我用的是高大上的post。
http://diaosbook.com/Post/2013/12/27/tips-for-aspnet-webapi-cors
在该文发现可以用Microsoft.AspNet.WebApi.Cors, 注意：只支持4.5以上（偷偷泪奔）
需要学习cors的，可以看看artech 的系列爽文，哈哈，共8章
http://www.cnblogs.com/artech/p/cors-4-asp-net-web-api-01.html
其他不说了，认真看完，对跨域有较深的认识
原文：http://www.cnblogs.com/xcsn/p/4550453.html
内容总结
以上是互联网集市为您收集整理的关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案全部内容，希望文章能够帮你解决关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。