AJAX - XMLHttpRequest 对象

• AJAX 简介
• AJAX - XMLHttpRequest

Ajax 的核心是 XMLHttpRequest 对象。

XMLHttpRequest 对象

所有现代浏览器都支持 XMLHttpRequest 对象。

XMLHttpRequest 对象用于同幕后服务器交换数据。这意味着可以更新网页的部分，而不需要重新加载整个页面。

创建 XMLHttpRequest 对象

所有现代浏览器（Chrom、IE7+、Firefox、Safari 以及 Opera）都有内建的 XMLHttpRequest 对象。

创建 XMLHttpRequest 的语法是：

variable = new XMLHttpRequest();

老版本的 Internet Explorer（IE5 和 IE6）使用 ActiveX 对象：

variable = new ActiveXObject("Microsoft.XMLHTTP");

为了应对所有浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，创建 XMLHttpRequest 对象，如果不支持，则创建 ActiveX 对象：

实例

var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
     xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

亲自试一试

跨域访问

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

这意味着尝试加载的网页和 XML 文件都必须位于相同服务器上。

W3School 上的实例都会打开位于 W3School 域上的 XML 文件。

如果您希望在自己的页面上使用以上实例，那么您所加载的 XML 文件必须位于您自己的服务器上。

老版本的 Internet Explorer（IE5 和 IE6）

老版本的 Internet Explorer（IE5 和 IE6）不支持 XMLHttpRequest 对象。

为了对付 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象，亦或创建 ActiveXObject 对象：

实例

if (window.XMLHttpRequest) {
    // 用于现代浏览器的代码
     xmlhttp = new XMLHttpRequest();
 } else {
    // 应对老版本 IE 浏览器的代码
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }

亲自试一试

XMLHttpRequest 对象方法

XMLHttpRequest 对象属性

• AJAX 简介
• AJAX - XMLHttpRequest