如何从ajax调用的json结果中的数据中获取指定元素？

Question

我已经阅读了多篇关于此的文章和问题，但似乎没有一个建议对我有用。我有一个 ajax 调用返回的 json 结果，我想将结果的每个值放入输入字段中。我已经很接近了，“JSON.stringify(data)”正在我的输入字段中返回我的完整结果。但是我如何从中获取“恢复”值呢？完整数据结果如下所示：{"data":{"id":12,"name":"hello","addDt":"2020-11-06T00:00:00","recovery":"hello","latestRecovery":"hello","latestSituation":"hello","nextSteps":"hello","requestId":null}}这是我当前的 ajax 调用：    function LoadUpdate(id) {        $.ajax({            url: "?handler=updateValuesJson&id=" + id,            type: "GET",            dataType: "json",            async: false,            success: function (data) {                document.getElementById("recovery").innerHTML = JSON.stringify(data); // I need "recovery" element from this string result                $("#updatemodal").modal();            }        });    }我尝试过的：JSON.stringify(data) 是完整的字符串结果（但我需要“recovery”的值）JSON.stringify(data.recovery) 是“未定义”JSON.stringify(data[3]) 是“未定义”数据是“[对象对象]”data.recovery 是“未定义”数据[“恢复”]是“未定义”JSON.parse(data)[i]['recovery'] 不成功我是 ajax/json 的新手 - 我在这里不明白什么？

Answer 1

您收到的对象是封装您的数据对象的 JSON 对象，因此您需要执行以下操作来读取您搜索的真实数据对象

success: function (response) 

{ 

document.getElementById("recovery").innerHTML = response.data.recovery;

 $("#updatemodal").modal(); 

} 

Answer 2

在成功函数中首先检查数据console.log()

...success: function (data) {
                console.log(data);
            }

如果控制台中显示的数据错误，您应该检查您的响应和后端代码。

Answer 3

如果resp是响应对象，您需要data像这样选择里面的对象：

const name = resp.data.name;