javascript - 为 3 个输入字段格式化 JSON

Question

我需要从服务器端生成 json，我知道该怎么做。但是，我不知道如何格式化此 json 数据以便在 jQuery 中轻松使用它？

这是我目前的脚本。格式化 json 数据以便我可以填写 3 个输入字段的最佳方法是什么？

$('input#btnGet').click(function() {
    $.ajax({
        url: 'generate_json.aspx',
        type: 'POST',
        data: { intPageID:1 },
        success: function(results) { 
            $('input#id').val('id goes here');
            $('input#heading').val('heading goes here');
            $('input#content').val('content goes here');
        }
    });
});

Answer 1

如果您将 dataType: 'json' 添加到您的选项中，则 jQuery 会直接将 JSON 解码为 JavaScript 对象:

"json": Evaluates the response as JSON and returns a JavaScript object. In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. (See json.org for more information on proper JSON formatting.)

假设您收到/生成的 JSON 是

'{"id": 6, "heading": "heading", "content": "content"}' 

你的代码看起来像这样:

$.ajax({
    url: 'generate_json.aspx',
    type: 'POST',
    data: { intPageID:1 },
    dataType: 'json',
    success: function(results) { 
        $('#id').val(results.id);
        $('#heading').val(results.heading);
        $('#content').val(results.content);
    }
});

如果您的 JSON 字符串代表一个数组，那么 results 当然是一个 JavaScript 数组，您必须对其进行循环。

---

顺便说一句。由于 ID 是唯一的，因此无需在选择器中添加标签名称。