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

js遍历输出json格式数据到HTML,第1张

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

注意以下几点:
1 html页面要引入jquery库
2 script src引用php文件,里面不需要<script></script>去掉就可以了。
3php文件里面是对象,不能用数组方法循环。
if(_json)
{
for(var i in _json)
{
alert(i+':'+_json[i]);
}
}

那你先把json转化为数组,然后用for循环输出到页面中就可以了。
var arr = eval('('+data+')');
data是你的json数据。这样arr就是转化后的数组了

例如数据库里面的json字符串是这样的

1
2
3
4
5

var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price":"100"}]';
var xqo = eval('(' + str + ')');
for(var i in xqo){
alert(xqo[i]name);
}
上面的是js的,下面的是jquery来解析json字符串,

1
2

var cc = jQueryparseJSON(data);
alert(cc[0]title);


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13381982.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存