【AJAX】XMLHttpRequest

前言

AJAX：是指一种创建交互式网页应用的网页开发技术。

AJAX ：Asynchronous Javascript And XML 即 异步 JavaScript和XML

通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。

这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

定义

XHR：XmlHttpRequest，可扩展超文本传输请求

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

当页面全部加载完毕后，客户端通过该对象向服务器请求数据。

服务器端接受数据并处理后，向客户端反馈数据。

属性

● readyState：表示 XMLHttpRequest 从创建时，到接收到完整的 HTTP 响应的状态

● responseText：目前为止从服务器接收到的响应体

● responseXML：对请求的响应，解析为 XML 并作为 Document对象返回

● status：由服务器返回的 HTTP 状态代码

● statusText：由服务器返回的 HTTP 状态代码的名称

方法

● open()：初始化 HTTP 请求参数

● send()：发送 HTTP 请求，使用传递给 open()方法的参数，以及传递给该方法的可选请求体

● setRequestHeader()：向一个打开但未发送的请求设置或添加一个 HTTP请求

● getResponseHeader()：返回指定的 HTTP 响应头部的值

● getAllResponseHeaders()：把 HTTP响应头部作为未解析的字符串返回

● abort()：取消当前响应，关闭连接并且结束任何未决的网络活动

五步使用法

❶ 建立XMLHTTPRequest对象

❷ 注册回调函数

❸ 使用open方法设置和服务器端交互的基本信息

❹ 设置发送的数据，开始和服务器端交互

❺ 更新界面

小结

AJAX的核心对象就是XMLHttpRequest，掌握这个对象的相关属性和方法可以帮助我们很好的使用这个对象，同时也可以更好的应用AJAX。

在熟悉了属性和方法之后，之后就是对该技术的多多应用，同时应该了解使用过程中出现各种错误的意思以及应该如何处理。

研究学习前人的代码，站在巨人的肩膀上，会得到更好的成长。