javascript - jQuery，如何用更少的代码将 AJAX JSON 数据加载到 html 数据元素中？

Question

我有一个工作脚本，使用 $.getJSON 加载 AJAX 文件并将其加载到 2 个 html 标签中。我想扩展 JSON 文件并将不同的数据提供给大约 30 个标签。JSON 字符串的定义与标记 Id 相同，我认为这在某些循环中有助于缩短代码，但我不知道如何定义循环。

如何简化将 JSON 值分配到标签 .html 中以避免脚本中出现 30 行 $('Id').html(data.string) ？

收到的JSON数据格式:{"item1":"24","itemp1d":"8"}

具有已定义 ID 的标签:

<p id="itemp1" class="dfont1"></p>      
<p id="itemp1d" class="dfont3"></p>

工作功能 - 简化为 30 个标签:

function GetIndexData() {
    var param = "&nocache=" + Math.random() * 1000000;
    $.getJSON( 'index.js' , param , function(data) {
        console.log(data);
        $('#itemp1').html(data.itemp1);
        $('#itemp1d').html(data.itemp1d);
        // ... 30x

        // ? how to simplify this part with some loop?

    });
    setTimeout(GetIndexData, 5000);
}

Answer 1

它是这样的:

for(var key in data) {
    $("#"+key).html(data[key]);
}