Ajax调用方式(存在跨域问题)

1、背景

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

2、出现的问题

Ajax调用方式(存在跨域问题)

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

3、解决方案:

(1) JSONP:只支持GET方式

(2) CROS:跨域资源共享

以下为CROS解决方案:

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

Ajax调用方式(存在跨域问题)

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

  Ajax调用方式(存在跨域问题)

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

  Ajax调用方式(存在跨域问题)

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

 Ajax调用方式(存在跨域问题)

4、其他参考文章

(1)  http://www.cnblogs.com/Darren_code/p/cors.html

(2)  http://blog.csdn.net/liyifei21/article/details/17509735

(3)  http://www.cnblogs.com/yuzhongwusan/p/3677955.html