前台遍历后台返回的json数据问题

最新推荐文章于 2021-08-06 15:29:28 发布

原创最新推荐文章于 2021-08-06 15:29:28 发布 · 9.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前台 #前后台传数据 #json #json遍历

js 专栏收录该内容

2 篇文章

订阅专栏

本文讲述了在前端使用Ajax获取后台返回的JSON数据时遇到的问题，数据以JSONArray封装JSONObject，前台直接遍历导致错误。通过使用eval处理，成功解决了数据遍历问题。

今天碰到一个比较尴尬的问题，前台用ajax去后台读数据库的数据，总共3条，每一条用一个JSONObject装起来，然后最后再用一个JSONArray封起来转换成String传到前台去。结果尴尬的事情来了，前台刚开始的时候的代码：

$.ajax({
    url:'XXX'
    ,success:function (data){
        //data类似于[{"id":"1","name":"a"}{"id":"2","name":"b"}]
        for(var i=0;i<data.length;i++){
            alert(data[i].id);
        }
    }
})

结果访问到的data[0]=”[“,data[1]=”{“。。。。。尴尬癌都出来了。
最要命的是自己作死写的alert，没弹完怎么都关不了，还好我的data长度不是很长，不然不忍直视。然后把百度所有的前台怎么对json遍历的搜索结果都看了一遍，全是一样的博。我醉了- -。后面突然想到是不是用eval处理一下，宾果，果然可以了。

//用eval()方法把返回来的json数据转换成数组
data=eval('('+data+')');

然后就可以像上面那样遍历了。

呕心沥血写出来的，转载请一定注明出处！