【AJAX】XMLHttpRequest

前端之家收集整理的这篇文章主要介绍了【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

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

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

猜你在找的Ajax相关文章