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跨域问题的解决方案

相关推荐