【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。

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

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