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

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

十余年的金台网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整金台建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“金台网站设计”,“金台网站推广”以来,每个客户项目都认真落实执行。

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跨域问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站栏目:如何解决Ajax请求WebService跨域问题
文章源于:http://scyanting.com/article/pdjpgs.html