[JavaScript知识库]nodeJs--AJAX技术

一、什么是AJAX？

简单来说：它是一种网页局部刷新数据的技术，它是异步执行的，可以在在不重新加载页面的情况下发送请求给服务器，接受并使用从服务器发来的数据。

二、使用AJAX技术五步骤

1.创建xhr 兼容写法

 let xhr=new XMLHttpRequest()||new ActiveXObject("Microsoft.XMLHTTP")

2.配置连接请求

xhr.open("GET","请求的服务器网址",true)

open() 的第一个参数是HTTP请求方法 - 有GET，POST，HEAD以及服务器支持的其他方法。
第二个参数是你要发送的URL。由于安全原因，默认不能调用第三方URL域名。要使用第三方域名可通过跨域的技术去请求。
第三个参数是可选的，用于设置请求是否是异步的。

3.发送网络请求

xhr.send()

send() 方法的参数可以是任何你想发送给服务器的内容，前提是使用 POST 请求的。

4.监听网络状态

在这里通过XMLHttpRequest.onreadystatechange
去监听它的readyState的状态值来判断响应是否完成了。
readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义
0：初始化，XMLHttpRequest对象还没有完成初始化
1：载入，XMLHttpRequest对象开始发送请求
2：载入完成，XMLHttpRequest对象的请求发送完成
3：解析，XMLHttpRequest对象开始读取服务器的响应
4：完成，XMLHttpRequest对象读取服务器响应结束

xhr.onreadystatechange=function(){
                if(xhr.readyState==4){
                    //读取完成，取出数据进行操作
                }
            }

5.取出数据

xhr.responseText  //服务器以文本字符的形式返回
xhr.responseXML  //以 XMLDocument 对象方式返回，之后就可以使用JavaScript来处理