ajax json 返回json数据

在 Web 开发中，经常需要通过 AJAX 技术向服务器请求数据并将其展示在网页上。而 JSON（JavaScript Object Notation）是一种轻量级数据交换格式，它便于人类阅读和编写，同时也易于机器解析和生成。因此，使用 AJAX 请求 JSON 数据是非常常见的操作。

当我们使用 AJAX 向服务器请求 JSON 数据时，服务器会将数据打包成 JSON 格式的字符串，并将其作为响应返回给客户端。而客户端通过解析这个字符串，将其还原成 JavaScript 对象，从而获得所需的数据。

下面是一个简单的示例，演示了如何通过 AJAX 请求 JSON 数据：

<script type="text/javascript">
  // 新建 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();
  
  // 设置请求方式、请求地址和是否异步
  xhr.open('GET','http://example.com/data.json',true);
  
  // 指定响应的数据类型为 JSON
  xhr.responseType = 'json';
  
  // 注册事件处理函数，处理服务器响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 接收服务器返回的 JSON 数据，并将其解析为 JavaScript 对象
      var data = xhr.response;
      
      // 对获取到的数据进行处理......
    }
  };
  
  // 发送请求
  xhr.send();
</script>

在上述代码中，我们通过 XMLHttpRequest 对象发送了一个 GET 请求，请求地址为 http://example.com/data.json，并指定响应的数据类型为 JSON。在接收到服务器响应后，我们将响应的 JSON 字符串解析为 JavaScript 对象，最终得到了我们想要的数据。