AJAX学习笔记（二、创建对象）

​

XMLHttpRequest 对象

XMLHttpRequest对象是AJAX 的基础。

XMLHttpRequest 术语缩写为XHR，中文可以解释为可扩展超文本传输请求。

　XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。

　XMLHttpRequest的对象用于客户端和服务器之间的异步通信。

它执行以下操作：

1、在后台从客户端发送数据

2、从服务器接收数据

3、更新网页而不重新加载

创建XMLHttpRequest对象

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

创建 XMLHttpRequest 对象的语法：

var xmlhttp=new XMLHttpRequest();      

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

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

所以一般为了适应所有浏览器，创建XMLHttpRequest对象是这种写法：

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}      

XMLHTTPRequest对象属性

XMLHttpRequest对象的常见属性如下：

属性	描述
onreadystatechange	存储函数（或函数名），每当readyState的属性改变时，就会调用该函数。
readyState	存有的XMLHttpRequest的状态从0到4发生变化。 0：请求未初始化 1：服务器连接已建立 2：请求已接收 3：请求处理中 4：请求已完成，且响应已就绪
reponseText	以文本形式返回响应。
responseXML	以XML格式返回响应。
status	将状态返回为数字（例如，“Not Found”为404，“OK”为200）。
statusText	以字符串形式返回状态（例如，“Not Found”或“OK”）

XMLHTTPRequest对象方法

XMLHTTPReuest对象常用方法如下：

方法
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标头。

参考：

【1】、

https://www.runoob.com/ajax/ajax-xmlhttprequest-create.html

【2】、

https://www.w3cschool.cn/ajax/ajax-xmlhttprequest-create.html