js遍历输出json格式数据到HTML_框架

$(function(){

$ajax({

type:'GET',

url:'{siteurl($siteid)}/apiphp',

dataType:'json',

success: function(data) {

var wrap = $("#a");

for(var key in data) {

wrapappend($("<li>")html(key + ': ' + data[key]));

}

});

用JS原生的方法即可，不过没在JSON上看到数值啊，我帮你取到了数组，剩下的自己 *** 作下就可以了。

<!DOCTYPE html>

<head>

<meta >

服务端后台返回到客户端的JSON格式字符串：

var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';

我们把它转换成JSON对象:var jsonList=eval("("+str+")");这时候如果以用断点跟踪查看这个jsonList对象，其实你会发现，他的长度为2，即jsonListlength=2。它的每一项都是一个单独的JSON对象。请看下图：

这时候假设我们不知道"uname"和"day"这两个key值，我们开始对jsonList执行循环 *** 作。

for(var i=0;i<jsonListlength;i++){

alert("key："+key+",value："+jsonList[i][key]);}}这样我们就可以轻松的获取我所需要的key值和value值了

以上就是关于js遍历输出json格式数据到HTML全部的内容，包括:js遍历输出json格式数据到HTML、js遍历某一列json数据和、javascript如何循环读取JSON数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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