ajax json请求_示例代码

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

Ajax是一种在不刷新整个网页的情况下，通过异步方式向服务器发送请求并获取数据的技术。而JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端之间的数据传输。在使用Ajax进行JSON请求时，我们可以通过JavaScript代码来实现。

我们需要创建一个XMLHttpRequest对象，用于发送请求和接收响应。然后，我们可以使用该对象的open方法来指定请求的类型（例如GET或POST）、URL和是否异步。接下来，我们可以设置请求头（如Content-Type）和回调函数，以便在请求完成后处理响应数据。

下面是一个示例代码，演示了如何使用Ajax发送一个GET请求，并将服务器返回的JSON数据解析并显示在网页上：


// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求类型、URL和是否异步
xhr.open('GET', 'http://example.com/api/data', true);
// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/json');
// 注册回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    // 解析并处理响应数据
    var response = JSON.parse(xhr.responseText);
    document.getElementById('data').innerHTML = response.message;
  }
};
// 发送请求
xhr.send();

在上述代码中，我们首先创建了一个XMLHttpRequest对象，并使用open方法指定了GET请求的URL和异步方式。然后，我们设置了请求头为application/json，以告诉服务器我们期望接收的数据类型为JSON。接下来，我们注册了一个回调函数，该函数会在请求完成后被调用。在回调函数中，我们首先判断请求的状态和响应的状态码是否符合预期（状态码200表示请求成功），然后使用JSON.parse方法将响应的文本数据解析为JSON对象，并将其中的message字段的值显示在网页上。

通过以上示例代码，我们可以实现使用Ajax发送JSON请求，并在网页中展示服务器返回的数据。这种方式可以提高用户体验，使网页能够动态地获取和展示数据，而不需要整个网页的刷新。