ajax返回双层json

随着 Web 开发的不断发展，前后端分离的开发模式越来越流行。而 AJAX 技术作为一种无需刷新页面即可在后台请求数据并将其展示在前台的技术方案也因此备受推崇。在进行 AJAX 异步请求时，我们常常会遇到需要返回双层 JSON 数据的情况。

{
    "code": 0,"msg": "success","data": {
        "username": "John","age": 25,"address": {
            "city": "New York","state": "NY","zip": 10001
        }
    }
}

在上述的 JSON 数据中，我们可以看到 data 字段下面还有一个嵌套的 JSON 数据。那么在实际的开发过程中，如何在前端获取到这个嵌套的数据呢？

首先，我们可以在 AJAX 请求成功后通过解析 JSON 数据获取到整个数据对象。然后，我们可以通过访问 data 字段中的内容来获取内层的 JSON。

$.ajax({
    url: '/api/getUserData',type: 'GET',dataType: 'json',success: function(data) {
        if (data.code === 0) {
            var userData = data.data;
            var username = userData.username;
            var address = userData.address;
            console.log(username);
            console.log(address.city);
        }
    }
});

在上述代码中，我们首先通过解析返回的 JSON 数据获取到整个数据对象 data。然后，我们通过访问 data.data 中的 username 和 address 字段来获取里面保存的数据。这样，我们就可以获取到双层 JSON 数据中的所有内容。

总的来说，返回双层的 JSON 数据并不会给我们的 AJAX 数据请求带来太多麻烦。只需要正确的解析数据，我们就可以轻松地在前端获取到所有需要的内容了。