ajax嵌套json -百科

AJAX是一种前端技术，可以实现在不刷新页面的情况下向服务器发送请求并获取响应。使用AJAX可以大大提高网页的交互性。而嵌套JSON，则是AJAX中常用的数据格式之一。

{
  "name": "张三","age": 18,"address": {
    "province": "广东省","city": "深圳市","district": "南山区"
  }
}

上面的代码展示了一个嵌套JSON格式的数据，其中address是一个嵌套在主JSON中的子JSON对象。

使用AJAX嵌套JSON的过程如下：

1. 创建XMLHttpRequest对象

    var xhr = new XMLHttpRequest();
  

2. 向服务器发送请求

    xhr.open('GET','data.json',true);
    xhr.send();
  

3. 获取响应数据并解析

    xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && xhr.status == 200) {
        var response = xhr.responseText;
        var data = JSON.parse(response);
        console.log(data.name);  // 输出"张三"
        console.log(data.address.province);  // 输出"广东省"
      }
    };
  

使用AJAX嵌套JSON可以实现比较复杂的数据交互。例如，一个商品列表中可能包含了商品的图片、名称、价格等信息，而这些信息则可以使用嵌套JSON的方式进行传递。