🪘?t=b23f0017-dc59-4b74-9db4-e6fcfe343969AJAX
2019-2-20
| 2022-9-1
0  |  0 分钟
type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM

Asynchronous JavaScript and XML

一种创建异步交互式网页应用的网页开发技术,可以在不更新网页的情况下局部更新网页的技术
  • 对用户的操作即时响应使用户的体验更流畅更自然
  • 在不中断用户操作的情况下与web服务器进行通信
  • 更灵敏的响应用户访问,实现近似于桌面应用程序的交互效果
  • 通过局部更新页面降低网络流量,提高网络的使用效率
 

同步异步

notion image

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: 从服务器进程返回的数据的字符串形式 //JSON
send(content);
open(”method”,”URL”,"true");
notion image
 

返回JSON

AjaxPost

 
学习思考
  • javascript
  • PHPthis以及children
    • Valine
    • Cusdis
    目录