js遍历输出json格式数据到HTML

2024年11月16日 07:00

有3个网友回答

网友（1）：

$(function(){
    $.ajax({
        type:'GET',
        url:'{siteurl($siteid)}/api.php',
        dataType:'json',
        success: function(data) {
            var wrap = $("#a");
            for(var key in data) {
               wrap.append($("").html(key + ': ' + data[key]));
            }
        }
    });
});

网友（2）：

document.getElementById('a').innerHTML = Object.keys(data).reduce(function (str, key){
    return str + '' + key + ':' + data[key] + '
';
}, '');

网友（3）：

$.getJSON("data.json",function(data){//data.json是你json文件的名字
var $a = $("#a");
var str ;
$a.empty();
$each(data,funtion(infoIndex,info){
str+="

"+info["userid"]+"

";
str+="

"+info["username"]+"

";
.....//省略格式一样;
});
$a.html(str);
}