免费AI编程助手
AJAX XHR-创建对象
2022-04-15 14:48 更新
AJAX - 创建 XMLHttpRequest 对象
XMLHttpRequest 是 AJAX 的基础。
XMLHttpRequest 术语缩写为XHR，中文可以解释为可扩展超文本传输请求。
XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。
XMLHttpRequest的对象用于客户端和服务器之间的异步通信。
它执行以下操作：
- 在后台从客户端发送数据
- 从服务器接收数据
- 更新网页而不重新加载。
XMLHttpRequest 对象
所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
创建 XMLHttpRequest 对象
所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
创建 XMLHttpRequest 对象的语法：
variable=new XMLHttpRequest();老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
variable=new ActiveXObject("Microsoft.XMLHTTP");为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：:
实例
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
尝试一下 »
现在，你已经学会如何创建 XMLHttpRequest 对象了（这是学习AJAX的基础），接下来，在下一章中，您将学习发送服务器请求的知识。
XMLHttpRequest对象的属性
XMLHttpRequest对象的常见属性如下：
| 属性 | 描述 |
|---|---|
| onreadystatechange
|
存储函数（或函数名），每当readyState的属性改变时，就会调用该函数。
|
| readyState | 存有的XMLHttpRequest的状态从0到4发生变化。
0：请求未初始化 1：服务器连接已建立 2：请求已接收 3：请求处理中 4：请求已完成，且响应已就绪 |
| responseText | 以文本形式返回响应。 |
| responseXML | 以XML格式返回响应 |
| status |
将状态返回为数字（例如，“Not Found”为404，“OK”为200） |
| statusText |
以字符串形式返回状态（例如，“Not Found”或“OK”） |
XMLHttpRequest对象的方法
XMLHttpRequest对象的重要方法如下：
| 方法 | 描述 |
|---|---|
| abort()
|
取消当前请求。 |
| getAllResponseHeaders()
|
以字符串形式返回完整的HTTP标头集。 |
| getResponseHeader( headerName )
|
返回指定HTTP标头的值。 |
| void open（method，URL） | 打开指定获取或交的方法和URL的请求。 |
| void open（method，URL，async） | 与上面相同，但指定异步或不。 |
| void open（method，URL，async，userName，password）
|
与上面相同，但指定用户名和密码。 |
| void send（content） | 发送获取请求。 |
| setRequestHeader（ label，value）
|
将标签/值对添加到要发送的HTTP标头。
|
相关文章
以上内容是否对您有帮助：
← AJAX 实例
更多建议：