鍍金池/ 問(wèn)答/HTML5  HTML/ 無(wú)法用下表訪問(wèn)json數(shù)組對(duì)象

無(wú)法用下表訪問(wèn)json數(shù)組對(duì)象

用mock.js模擬json數(shù)據(jù),攔截ajax請(qǐng)求得到j(luò)son對(duì)象,控制臺(tái)能打印出來(lái),用下標(biāo)data[0]訪問(wèn)不到j(luò)son對(duì)象數(shù)組中的項(xiàng)
代碼如下

        var Random = Mock.Random;
        Mock.mock(/\.json/, {
    'data|1-10': [{
            'id|+1': 1,
            'avata':'@IMG(200x100)',
            'name': Random.name(),
            'img': '@IMG(200x100)',
            'data': '@DATE',
            'text': Random.paragraph()
        }
    ]
})
$.ajax({
    url: 'data.json',
    dataType: 'json'
}).done(function(data, status, jqXHR){
    var result = JSON.stringify(data, null, 4);
    var o = JSON.parse(result);
    console.log(data);
       console.log(data[0]);
       console.log(o[0]);
})

控制臺(tái)輸出如下

clipboard.png

回答
編輯回答
吃藕丑

首先是一個(gè)對(duì)象然后才是里面的data為數(shù)組 數(shù)據(jù)結(jié)構(gòu)看清楚一點(diǎn)啊

2017年4月20日 18:40