AJAX - XMLHttpRequest 对象

XMLHttpRequest对象用于与服务器交换数据。

XMLHttpRequest对象

所有现代浏览器（Chrome，Firefox，IE7 +，Edge，Safari，Opera）都具有内置XMLHttpRequest对象。

XMLHttpRequest 通过与幕后的Web服务器交换数据来允许异步更新网页。

您可以从URL检索数据，而不必刷新整个页面。

这使网页可以更新页面的一部分，而不会中断用户的操作。

创建一个XMLHttpRequest对象

在客户端和服务器之间执行AJAX通信之前，首先要做的是示例化一个XMLHttpRequest对象，如下所示：

语法:

var request = new XMLHttpRequest();

var httpRequest = new XMLHttpRequest();

跨站点XMLHttpRequest

出于安全原因，现代浏览器不允许跨域访问。

这意味着该网页及其尝试加载的请求文件都必须位于同一服务器上。

(cainiaojc.com)上的示例均打开了位于(cainiaojc.com)域中的所有打开的请求文件。

如果要在自己的网页之一上使用上面的示例，则请求的文件必须位于您自己的服务器上。

较旧的浏览器（适用于IE 6及更早版本）

Internet Explorer的旧版本（6和更早版本）使用的是ActiveX对象而不是XMLHttpRequest对象。

Syntax:

var request = new ActiveXObject("Microsoft.XMLHTTP");

要处理IE6及更早版本，请检查浏览器是否支持该XMLHttpRequest对象，否则创建一个ActiveX对象：

var httpRequest;

if (window.XMLHttpRequest) {
    // 目前主流的浏览器(Chrome, Mozilla, Safari, IE7+, ...)
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    // <= IE 6 或早期IE版本
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

XMLHttpRequest对象属性

下表列出了XMLHttpRequest对象的所有属性：

XMLHttpRequest对象方法

下表列出了XMLHttpRequest对象的所有方法：