欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Ajax请求WebService跨域的实现方法(附代码)

程序员文章站 2022-05-09 12:55:56
...
这次给大家带来Ajax请求WebService跨域的实现方法(附代码),Ajax请求WebService跨域的注意事项有哪些,下面就是实战案例,一起来看一下。

1、背景

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

2、出现的问题

Ajax请求WebService跨域的实现方法(附代码)

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

3、解决方案:

(1) JSONP:只支持GET方式

(2) CROS:跨域资源共享

以下为CROS解决方案:

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

Ajax请求WebService跨域的实现方法(附代码)

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

Ajax请求WebService跨域的实现方法(附代码)

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

Ajax请求WebService跨域的实现方法(附代码)

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

Ajax请求WebService跨域的实现方法(附代码)

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

Bootstrap的DatePicker属性怎么选择日期范围

AJAX注册页面异步请求的方法实现

以上就是Ajax请求WebService跨域的实现方法(附代码)的详细内容,更多请关注其它相关文章!