XML HttpRequest

---

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

---

什么是 XMLHttpRequest 对象?

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

XMLHttpRequest 对象是开发者的梦想，因为您能够:

• 在不重新加载页面的情况下更新网页
• 在页面已加载后从服务器请求数据
• 在页面已加载后从服务器接收数据
• 在后台向服务器发送数据

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

如需学习更多有关 XMLHttpRequest 对象的知识，请学习我们的 XML DOM 教程。

---

XMLHttpRequest 实例

当你在下面的输入字段中键入一个字符，一个 XMLHttpRequest 发送到服务器 - 返回名称的建议（从服务器上的文件）:

实例

在输入框中键入一个字母:

Name:   Suggestions:

以上示例在本教程的 AJAX 章节中进行了解释。

---

发送 XMLHttpRequest

使用 XMLHttpRequest 对象的常见 JavaScript 语法如下所示:

实例

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send(); 亲自试一试 »

---

---

实例说明

上面示例中的第一行创建了一个 XMLHttpRequest 对象:

var xhttp = new XMLHttpRequest();

onreadystatechange 属性指定了每次 XMLHttpRequest 对象的状态发生变化时要执行的函数:

xhttp.onreadystatechange = function()

When readyState property is 4 and the status property is 200, the response is ready:

if (this.readyState == 4 && this.status == 200)

responseText 属性将服务器响应作为文本字符串返回。

文本字符串可用于更新网页:

document.getElementById("demo").innerHTML = xhttp.responseText;

您将在本教程的 AJAX 章节中了解有关 XMLHttpRequest 对象的更多信息。

---

旧版本的 Internet Explorer（IE5 和 IE6）

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

要处理IE5和IE6，请检查浏览器是否支持XMLHttpRequest对象，否则创建一个ActiveXObject:

实例

if (window.XMLHttpRequest) {
    // code for modern browsers
    xmlhttp = new XMLHttpRequest();
 } else {
    // code for old IE browsers
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} 亲自试一试 »