jQuery Ajax 详细通俗讲解

Ajax 和 jQuery 中的 Ajax 都是用于进行异步数据交互的技术。

Ajax（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下，通过后台发送请求和接收响应的技术。它使用 JavaScript 和 XML/JSON 等数据格式，通过在后台与服务器进行数据交换，可以实现动态更新网页内容、异步加载数据、实时交互等功能。

代码如下：

  // 创建一个 XMLHttpRequest 对象：使用 new XMLHttpRequest() 来创建一个 XMLHttpRequest 对象，用于发送 Ajax 请求。var xhr = new XMLHttpRequest();
        // 设置请求参数：通过 xhr.open() 方法设置请求的方法、URL 和是否使用异步方式。xhr.open('GET', 'https://api.uomg.com/api/rand.qinghua?format=json', true);
        // 处理响应：使用 xhr.onreadystatechange 事件来监听请求状态的变化，并处理响应数据。xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {
                var response = xhr.responseText;
                console.log(response); // 处理响应数据
            } else {// 处理错误或其他状态}
        };
        // 发送请求：通过 xhr.send() 方法发送 Ajax 请求。xhr.send();

而 jQuery 是一个 JavaScript 库，其中包含了丰富的工具和函数，简化了开发者在 JavaScript 中的常见任务。其中也包括了用于处理 Ajax 请求的一系列方法，即 jQuery 中的 Ajax。通过使用 jQuery 的 Ajax 方法，开发者可以更方便地执行 Ajax 请求，发送 HTTP 请求、接收响应、处理错误、更新网页内容等操作。

代码如下：

总结来说，Ajax 是一种技术概念，而 jQuery 中的 Ajax 是一组在 JavaScript 中使用的简化了的工具方法，用于更便捷地执行 Ajax 操作。需要注意的是，上述示例只是一个简单的例子，实际项目中通常会更加复杂，并可能会涉及到其他更多的选项和处理逻辑。