AJAX(Asynchronous JavaScript and XML)是一种用于在后台与服务器进行异步通信的技术。它使用 JavaScript、XML(或 JSON)和 XMLHttpRequest 对象来实现在不刷新整个页面的情况下更新部分页面内容。
特点:
作用:
以下是一个简单的示例代码,展示如何使用 AJAX 发送 GET 请求并获取数据:
- // 创建 XMLHttpRequest 对象
- var xhr = new XMLHttpRequest();
-
- // 监听请求完成事件
- xhr.onreadystatechange = function() {
- if (xhr.readyState === 4 && xhr.status === 200) {
- // 请求成功,处理响应数据
- var response = xhr.responseText;
- console.log(response);
- }
- };
-
- // 打开和发送请求
- xhr.open('GET', 'https://api.example.com/data', true);
- xhr.send();
这段代码中,通过创建 XMLHttpRequest 对象来发送异步请求。然后,监听 onreadystatechange 事件,当状态为 4(请求完成)且状态码为 200(请求成功)时,处理响应数据。在示例中,将响应数据打印到控制台。最后,使用 open 方法打开 GET 请求,并使用 send 方法发送请求到指定的 URL。