javascript - 将 JSON 数组转换为 html

Question

我使用下面的代码成功返回了一个 JSON 对象/数组(术语不太好)。

$(function(){
    $("#buildForm").click(function(e){
        e.preventDefault();
        var frm = $(document.buildForm);
        var dat = JSON.stringify(frm.serializeArray());
        $.post(frm.attr("action"), {data:dat}, function(response) 
        {
            var $dialog = $('<div></div>')
            .html(response)
            .dialog({
                    autoOpen: false,
                    title: 'Build',
                    modal: true,
                    height: 400
            });
            $dialog.dialog('open');

            // prevent the default action, e.g., following a link
            return false;
        });     
});
});

返回

{"str_id":"1","str_name":"TC","tier_id":"1","buy_gold":"50000","buy_mana":"10000","res_build":"0","res_active":"0","res_owned":"0","timebuildmins":"500","timecollectmins":"30","timeminsformiss":"0","goldcollected":"1000","str_imageloc":"..\/img\/structures\/tc.png"}

我不太了解 JS，但我正在尝试边做边学。不幸的是，我不知道如何简单地显示，例如，仅显示“str_name”。

如您所见，我从 jquery ui 打开一个弹出窗口，以 JSON 格式显示检索到的数据。我需要能够获取返回的数据并显示它!简单吧？请帮忙!

Answer 1

您可以使用response.str_name来访问str_name成员的值。您的代码将如下所示；

var $dialog = $('<div></div>')
.html(response.str_name)
.dialog({
        autoOpen: false,
        title: 'Build',
        modal: true,
        height: 400
});
$dialog.dialog('open');

之前的内容 (.html("response")) 意味着您将 HTML 设置为“response”字符串。

让您了解术语；您将从服务器收到的内容将是 JSON 格式的字符串(例如，有效 JSON 表示法的字符串)。传统上会解析 JSON 字符串，为您提供一个要操作的 JavaScript 对象。然而，jQuery 智能地检测到 JSON 响应，并已将其解析为您的对象；因此，您在 response 参数中收到的是一个标准 JavaScript 对象。如果这仍然令人困惑，您可能会发现以下帖子很有用； Javascript object Vs JSON