牛骨文教育服务平台(让学习变的简单)
博文笔记

JS解析Json中List类型,并遍历List中的对象

创建时间:2017-04-30 投稿人: 浏览次数:13742

在从后台将一个List转换成JsonArray然后再转json传到前台,我们想将封装在里面的对象解析出来,做法比较简单
假设我们已经拿到了一个Json(不会请参阅这一篇博客,点击查看),里面是一个List,封装多个对象
就像这样
这里写图片描述
我们想遍历,一条一条的显示在某个div里面
请看代码

function btn2(){

            $.ajax({
                //提交方式
                type:"post",
                //提交的Action
                url:"demolistAction",
                data:{
                //提交的数据
                },
                //返回数据类型
                dataType:"json",
                success:function(data){
                    //alert(data);
                    var data2 = eval(data);
        for(var i in data2)
{
//alert(data2[i].name);
$("#main").append("<br/>"+data2[i].name+":"+data2[i].age+"");
}},
                error:function(data)
                {
                    //失败的话
                    alert("fail");
                },
            });

        }

将data用eval()方法转解析一下,然后。
for(var i in data2)
{
$("#main").append("+data2[i].name+":"+data2[i].age+"");
}

遍历追加就行,很简单吧。
这里写图片描述

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。