Question

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

获取到的json内容如下
{"userid":"12","username":"jeck","nickname":"\u9ec4\u97e4","lastdate":"1494222386","lastip":"46.75.70.121","islogin":true}

$(function(){
$.ajax({
type:'GET',
url:'{siteurl($siteid)}/api.php',
dataType:'json',
success: function(data) {
请教这里写代码如何把获取到的json数据每个key对应value循环输出成<li>key : value</li>的格式到ID为a的<ul>元素里
}
});
});

<ul id=a>

</ul>

Answer 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($("<li>").html(key + ': ' + data[key]));
            }
        }
    });
});

Answer 2

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

Answer 3

$.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);
}