Ajax简单介绍

r囧r小猫 2022-05-08 13:46 166阅读 0赞

**1.什么是Ajax?**

Ajax是与服务器交换数据并更新部分网页的技术，在不重新加载整个网页的情况下。

**2.如何使用Ajax?**

*  **1.创建一个异步对象；**
    
     *  **//  var xmlhttp=new XMLHttpRequest();**
 *  **2.设置请求方式和请求地址；**
    
     *  **//  xmlhttp.open("GET/POST","请求地址(ajax-info.txt)"，true(默认为异步));**
 *  **3.发送请求；**
    
     *  **//  xmlhttp.send();**
 *  **4.监听状态的变化；**

**         xmlhttp.onreadystatechange =function(ev2)\{**

**         if(xmlhttp.readyState===4)\{**

**            if(xmlhttp.status>=200&&xmlhttp.status<300||xmlhttp.status===304)**

**              \{**

**                //   5. 处理返回的结果；**

**                 console.log("接收到服务器返回的数据");**

**                 \}else\{**

**                 console.log("没有接收到服务器返回的数据");**

**                 \}**

**              \}**

**      \}**

*  **//  当发送一个请求后，客户端需要确定这个请求什么时候会完成，因此，XMLHttpRequest对象提供了** **onreadystatechange** **事件机制来捕获请求的状态，继而实现响应。**
 *  **注意：** onreadystatechange 事件被触发 5 次（0 - 4），对应着 readyState 的每个变化。
 *  提示：XHR.readyState状态的变化如下：
    
     *  0：请求未初始化，还没有调用 [open()][open]。 
     *  1：请求已经建立，但是还没有发送，还没有调用 [send()][open]。  
     *  2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。  
     *  3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。  
     *  4：响应已完成；您可以获取并使用服务器的响应了。

[open]: https://www.w3cschool.cn/ajax/ajax-xmlhttprequest-send.html