如何解决Ajax请求WebService跨域问题

这篇文章主要介绍如何解决Ajax请求WebService跨域问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

1、背景

  用Jquery中Ajax方式在asp.net开发环境中WebService接口的调用

2、出现的问题

如何解决Ajax请求WebService跨域问题

原因分析:浏览器同源策略的影响(即JavaScript或Cookie只能访问同域下的内容);

3、解决方案:

(1) JSONP:只支持GET方式

(2) CROS:跨域资源共享

以下为CROS解决方案:

  a.在WebService接口加上响应头信息:

如何解决Ajax请求WebService跨域问题

  b.在web.config文件中加上相关配置节信息:

如何解决Ajax请求WebService跨域问题

运用a或者b的解决方案后,浏览器头信息中变动如下:

如何解决Ajax请求WebService跨域问题

最终问题得以较好的解决,但对于此方案各个浏览器支持情况不同,附图如下:

如何解决Ajax请求WebService跨域问题

以上是“如何解决Ajax请求WebService跨域问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!