*原生AJAX-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_59517599/article/details/119187528

AJAX是一种在不刷新整个页面的情况下，通过JavaScript与服务器交换数据并局部更新网页的技术。它依赖于XMLHttpRequest对象实现异步通信，并且通常用于提升用户体验，使用户感觉页面始终保持活跃状态。在AJAX中，JavaScript负责发送请求和处理响应数据。当状态改变时，如HTTP状态码为200表示成功，数据会被解析并调用回调函数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是AJAX：AJAX即异步的javascript和XML

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个新请求，接收到数据后，再用JavaScript更新页面，这样一来，用户就感觉自己仍然停留在当前页面，但是数据却可以不断地更新。

AJAX的原生代码：

<script>
function fn(){
    var xhr=new XMLHttpRequest()||new ActiveXObject("Micsoft.XMLHTTP")    //兼容性处理
    xhr.open("GET","http://....",true)    //建立连接，第三参数为true时为异步操作，false为同步
    xhr.send()    //发送网络请求
    //网络状态发生改变时，执行的方法
    xhr.onreadystatechange=function(){
        //当网络状态为4的时候,代表数据包已经发送过来了
		//状态码为200代表是这个接口原来制定的接口数据格式
        if(xhr.readyState==4&&xhr.status==200){  
                                  //解析JSON数据
								  var data=JSON.parse(xhr.responseText)
								  cb(data) 
							  }	
        else if(xhr.readyState==4&&xhr.status==404){    //数据已经接收到了，但未找到所需数据
                                  console.log(xhr.responseText,"失败")
                              }
    }
}