跨域请求XDomainRequest

最新推荐文章于 2024-04-03 02:29:01 发布

hoky_qian

最新推荐文章于 2024-04-03 02:29:01 发布

阅读量5.2k

点赞数 1

分类专栏： jquery javasrcipt html 文章标签：跨域请求 XDomainRequest

javasrcipt 同时被 3 个专栏收录

3 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

html

1 篇文章

订阅专栏

本文介绍IE8及以上版本中XDomainRequest的使用方法，包括其事件、方法及属性等内容，并通过示例代码展示如何实现跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简译自 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();
    }