素材牛VIP会员
ajax怎样解析json数组并用模板引擎渲染
 Al***ay  分类:JavaScript  人气:1567  回帖:4  发布于6年前 收藏

需求是根据国家分类进行ajax获取并加载,之前没按照国家分类,显示正常,但是加入了国家分类后,不知道ajax如何修改,求解:

json是数组形式的,比较复杂:

{
    "americia": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ],
    "england":[
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ]
}

这是没给json加入国家分类之前的ajax,但是加入了国家分类后,不知道ajax该怎样改,

$.ajax({
                                url: 'artTemp.php',
                                type: 'get',
                                success: function(data) {
                                    console.log(data);
                                    //转化为js对象
                                    var jsArr = JSON.parse(data);
                                    //包装为js对象
                                    console.log(jsArr)
                                    var obj = {
                                        items:jsArr
                                    };
                                    //调用模板引擎方法,填充数据
                                    var result = template('template', obj);
                                    $('.medialist').append(result);

感谢解答!

 标签:jsonajaxjavascript

讨论这个帖子(4)垃圾回帖将一律封号处理……

Lv6 码匠
生***炸 UI设计师 6年前#1

看看着你就明白怎么渲染了http://blog.csdn.net/wu666056...

Lv3 码奴
上***水 职业无 6年前#2

for item of json,遍历对象遍历数组,数据处理自己多搞搞就会了

Lv1 新人
真***溜 职业无 6年前#3

jsArr 相当于多了一层,你可以循环进行填充,或者修改模板取值方式

Lv5 码农
sh***ao 职业无 6年前#4

先for in 遍历对象,然后再遍历里面的数组

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取