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

发布网友 发布时间：2022-04-21 19:37

我来回答

共3个回答

热心网友 时间：2022-04-19 06:07

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

热心网友 时间：2022-04-19 07:25

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

热心网友 时间：2022-04-19 09:00

$.getJSON("data.json",function(data){//data.json是你json文件的名字
var $a = $("#a");
var str ;
$a.empty();
$each(data,funtion(infoIndex,info){
str+="<li>"+info["userid"]+"</li>";
str+="<li>"+info["username"]+"</li>";
.....//省略格式一样;
});
$a.html(str);
}