如何从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;