前端开发专题Web前端之路让前端飞

IE8和IE9的跨域AJAX

2017-05-18  本文已影响152人  山豆山豆

IE8和IE9的跨域AJAX

在jQuery 1.5+中
使用
$ .ajax
功能
时,可以使用IE8和IE9

对象实现
自动交叉原始资源共享
XDomainRequest

**CORS
**要求
Access-Control-Allow-Origin
标头在服务器的AJAX响应中出现。
为了
XDomainRequest
在Internet Explorer中
使用
,请求必须是:只有GET或POST
张贴时,数据将始终与发送
Content-Type的 text/plain只有HTTP或HTTPS
协议必须与调用页面相同

总是异步
工作示例:
http :

//jsfiddle.net/MoonScript/Q7bVG/show/

说明

至少jQuery版本1.5,只需将

[jquery.xdomainrequest.min.js

](http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js)脚本添加到您的页面中,然后像您一样按照以下方式进行AJAX调用:

// GET 
$.getJSON( ' http://jsonmoon.jsapp.us/ ')。DONE(功能(数据){
  控制台。日志(数据。名。第一);
});

// POST 
$.ajax({
  url : ' http : //frozen-woodland-5503.herokuapp.com/cors.json ',
  数据: “这是数据被发布到服务器”,
  contentType : ' text / plain ',
  键入: ' POST ',
  dataType : ' json ' 
})。DONE(功能(数据){
   控制台。日志(数据。名。去年);
});

12CDN

此脚本由

[CDNJS

](http://cdnjs.com/)托管

[http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js

](http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js)
[

](https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest/blob/master/README.md#change-log)

上一篇下一篇

猜你喜欢

热点阅读