AJAX之XMLHttpRequest对象

前端之家收集整理的这篇文章主要介绍了AJAX之XMLHttpRequest对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

最近学习了AJAX,通过视频的学习来总结部分知识。

是什么

AJAX(Asynchronous JavaScript And XML)异步JavaScript和XML,学习它就不得不说一下XMLHttpRequest对象了。

XMLHttpRequest 对象用于在后台与服务器交换数据。

在不重新加载页面的情况下更新网页

页面已加载后从服务器请求数据

页面已加载后从服务器接收数据

后台向服务器发送数据

所有现代的浏览器都支持 XMLHttpRequest 对象。

XMLHttpRequest的五步使用法

1. 建立XMLHttpRequest对象

2. 注册回调函数

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

4. 设置发送的数据,开始和服务端交互

5. 在回调函数中判断交互是否接受,响应是否正确,并根据需要获取服务器端返回的数据,更新页面内容

属性

属性

描述

readyState

XMLHttpRequest对象的状态

0=未初始化,对象已创建未调用open

1=open方法成功调用后,Send方法调用

2=send方法已经调用,尚未开始接受数据

3=正在接收数据,Http响应头信息已经接收,响应数据尚未接收完成

4=完成,相应数据接收完成。

onreadystatechange

请求状态改变的事件触发器

responseText

服务器响应的文本内容

responseXML

服务器响应的XML内容对应的DOM对象

status

服务器返回的http状态码。200表示“成功”,404表示“未找到”,500表示“服务器内部错误

statusText

服务器返回状态码的文本信息

总结

这些都是一些理论上的一些概念性知识,在之后的实践过程中会对这些有更深的理解。

猜你在找的Ajax相关文章