发送ajax的实例—示例代码

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

发送Ajax请求是一种在不刷新整个网页的情况下，通过JavaScript向服务器发送请求并获取数据的技术。这种技术可以使网页更加动态和交互，提升用户体验。下面是一个简单的发送Ajax请求的示例代码：


var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() { // 监听请求状态的变化
  if (xhr.readyState === 4 && xhr.status === 200) { // 请求完成且成功
    var response = JSON.parse(xhr.responseText); // 解析服务器返回的数据
    console.log(response); // 打印返回的数据
  }
};
xhr.open('GET', 'https://api.example.com/data', true); // 设置请求方式、URL和是否异步
xhr.send(); // 发送请求

上述代码首先创建了一个XMLHttpRequest对象，该对象用于发送和接收数据。然后通过设置`onreadystatechange`事件监听器，当请求状态发生变化时执行相应的回调函数。在回调函数中，我们首先判断请求是否已经完成且成功（`readyState`为4且`status`为200），然后通过`responseText`属性获取服务器返回的数据。这里假设服务器返回的是一个JSON格式的数据，我们使用`JSON.parse()`方法将其解析为JavaScript对象。我们将解析后的数据打印到控制台。

在实际应用中，可以根据需求对请求进行更详细的设置，例如设置请求方法、请求头、请求参数等。还可以通过`xhr.send()`方法发送带有参数的POST请求，或者使用第三方库（如jQuery的`$.ajax()`方法）简化Ajax请求的编写。

发送ajax的实例—示例代码

相关阅读