XML HttpRequest 对象
XMLHttpRequest 对象用于在后台与服务器交换数据。
什么是 XMLHttpRequest 对象?
XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想，因为您能够:
- 在不重新加载页面的情况下更新网页
- 在页面已加载后从服务器请求数据
- 在页面已加载后从服务器接收数据
- 在后台向服务器发送数据
所有现代的浏览器都支持 XMLHttpRequest 对象。
如需学习更多有关 XMLHttpRequest 对象的知识，请学习我们的 XML DOM 教程。
XMLHttpRequest 实例
当你在下面的输入字段中键入一个字符，一个 XMLHttpRequest 发送到服务器 - 返回名称的建议（从服务器上的文件）:
实例
以上示例在本教程的 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");
}
亲自试一试 »
