在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/Java  HTML/ ajax怎樣解析json數(shù)組并用模板引擎渲染

ajax怎樣解析json數(shù)組并用模板引擎渲染

需求是根據(jù)國(guó)家分類(lèi)進(jìn)行ajax獲取并加載,之前沒(méi)按照國(guó)家分類(lèi),顯示正常,但是加入了國(guó)家分類(lèi)后,不知道ajax如何修改,求解:

json是數(shù)組形式的,比較復(fù)雜:

{
    "americia": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育",
            "title": "父母該如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "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暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "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暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "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暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "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暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "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暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天額問(wèn)題挖了阿特瓦萊塔哇額了特了他問(wèn)題好的教育,因給I暗示地老天荒問(wèn)題仍未特拉沃塔了三天",
            "name": "劉雅春",
            "position": "新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ]
}

這是沒(méi)給json加入國(guó)家分類(lèi)之前的ajax,但是加入了國(guó)家分類(lèi)后,不知道ajax該怎樣改,

$.ajax({
                                url: 'artTemp.php',
                                type: 'get',
                                success: function(data) {
                                    console.log(data);
                                    //轉(zhuǎn)化為js對(duì)象
                                    var jsArr = JSON.parse(data);
                                    //包裝為js對(duì)象
                                    console.log(jsArr)
                                    var obj = {
                                        items:jsArr
                                    };
                                    //調(diào)用模板引擎方法,填充數(shù)據(jù)
                                    var result = template('template', obj);
                                    $('.medialist').append(result);

感謝解答!

回答
編輯回答
她愚我

for item of json,遍歷對(duì)象遍歷數(shù)組,數(shù)據(jù)處理自己多搞搞就會(huì)了

2017年12月7日 03:59
編輯回答
陌上花

jsArr 相當(dāng)于多了一層,你可以循環(huán)進(jìn)行填充,或者修改模板取值方式

2018年5月4日 03:55
編輯回答
嫑吢丕

先f(wàn)or in 遍歷對(duì)象,然后再遍歷里面的數(shù)組

2018年6月16日 17:01
編輯回答
舊言

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

2017年1月9日 03:01