ajax怎样解析json数组并用模板引擎渲染

需求是根据国家分类进行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);

感谢解答!

阅读 6.1k
4 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题