type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM
Asynchronous JavaScript and XML
一种创建异步交互式网页应用的网页开发技术,可以在不更新网页的情况下局部更新网页的技术
- 对用户的操作即时响应使用户的体验更流畅更自然
- 在不中断用户操作的情况下与web服务器进行通信
- 更灵敏的响应用户访问,实现近似于桌面应用程序的交互效果
- 通过局部更新页面降低网络流量,提高网络的使用效率
同步异步
XMLHttpRequest对象
AJAX的核心对象是XMLHttpRequest,即AJAX的异步操作,和服务器 交互主要依赖该对象。
XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力
以前浏览器负责显示和发送请求接收响应。两件事情同一时刻只能做一件,没法同时进行。这样会让用户感觉不好(友好性不好),
使用XMLHttpRequest对象,可以把浏览器解脱出来,可以让浏览器只负责显示,而完成请求的事情由XMLHttpRequest对象负责。
这样两者各负其责,效率更高,效果更好,用户体验很好,用户永远不会看到浏览器空白。
XMLHttpRequest兼容
XMLHttpRequest的属性与状态码
onreadystatechange
:每次状态改变所触发事件的事件处理程序- 0 = 未初始化(uninitialized)对象创建完毕就是0
readyState
:对象状态值:- 1 = 正在加载(loading) 1:对象设置完成后就是1.即调用open函数后,装载,准备工作
- 2 = 加载完毕(loaded) 调用send函数后,变成,因为,只要调用send说明加载完毕
- 3 = 交互(interactive)到服务端了
- 4 = 完成(complete) 服务器端处理完毕了
responseText
:从服务器进程返回的数据的字符串形式status
: 从服务器返回的数字代码,如404(未找到)或200(就绪)responseXML
: 从服务器进程返回的数据的字符串形式 //JSONsend(content);
open(”method”,”URL”,"true");