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

在从后台将一个List转换成JsonArray然后再转json传到前台,我们想将封装在里面的对象解析出来,做法比较简单
假设我们已经拿到了一个Json(不会请参阅这一篇博客,点击查看),里面是一个List,封装多个对象
就像这样
JS解析Json中List类型,并遍历List中的对象_第1张图片
我们想遍历,一条一条的显示在某个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("
"
+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+"");
}

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

你可能感兴趣的:(javaweb学习过程)