跨域请求XDomainRequest

来源:互联网 发布:php 格式化百分比 编辑:程序博客网 时间:2024/06/08 13:57

简译自 http://msdn.microsoft.com/en-us/library/cc288060(VS.85).aspx

XDomainRequest 是代表javascript和Ajax的跨域请求

IE8+可使用XDomainRequest进行跨域请求

Members组成

XDomainRequest包含以下几部分:

1.事件

2.方法

3.属性

Events事件

1)onerror事件:完成跨域请求过程中发生错误时,会被激发

2)onload事件:成功请求完毕,返回对象时,会被激发

3)onprogress事件:浏览器开始从服务器端接收数据时,会被激发

4)ontimeout事件:超时会被激发

Methods方法

1)abort方法:终止等待send

2)open(XDomainRequest)方法:建立与服务器的链接

3)send(XDomainRequest)方法:传输一个字符窜数据给服务器来进行处理

Properties属性

1)constructor属性:返回一个对象的构造函数的引用

2)contentType属性:返回html请求或者返回的头部的content-type属性

3)responseText属性:以字符窜形式返回请求的body内容

4)timeout属性:超时返回的值


Usage用法

//创建一个对象

var xdr = new XDomainRequest();
//以get的方式建立链接

xdr.open("get", "http://www.contoso.com/xdr.aspx");
//发送数据给服务器

xdr.send();


Example例子

   var iElm = $("#get-body");    if ($.browser.msie && window.XDomainRequest) {      var xdr = new XDomainRequest();      xdr.open("GET", "//www.baidu.com/abc.html");      xdr.onload = function (ev) {        iElm.html(xdr.responseText);      }      xdr.onerror = function () {window.location.reload();}      xdr.ontimeout = function () {}      xdr.onprogress = function () {}      xdr.send();    }


0 0