Ajax 是如何实现异步数据交互的？

Ajax 实现异步数据交互的过程可以分为以下步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=338f0ca1567e4c73b299ff4888ff0e9d

创建 XMLHttpRequest 对象：使用 JavaScript 创建一个 XMLHttpRequest 对象，或者使用现代的 Fetch API 或 axios 等方法来进行异步请求。

定义请求的类型和目标 URL：使用 XMLHttpRequest 的 open() 方法，指定请求的类型（如 GET、POST 等）和目标服务器的 URL。可以在 URL 中传递参数或数据。

设置回调函数：使用 XMLHttpRequest 的 onreadystatechange 属性指定一个回调函数，该函数将在请求状态发生变化时被调用。

发送请求到服务器：使用 XMLHttpRequest 的 send() 方法，将请求发送到服务器。

处理服务器响应：当服务器接收到请求并返回响应时，XMLHttpRequest 对象的状态将发生变化，触发 onreadystatechange 事件，从而调用之前设置的回调函数。

处理返回的数据：在回调函数中，可以使用 XMLHttpRequest 的 responseText 或 responseXML 属性来获取服务器返回的数据。

更新页面内容：根据返回的数据，动态更新页面的指定部分而不用刷新整个页面。

整个 Ajax 请求过程是异步的，即在发送请求后，浏览器不会等待响应返回就继续执行后续的 JavaScript 代码。