在H5開發(fā)中,我們經(jīng)常需要從后端接口獲取JSON數(shù)據(jù),然后再按照需求在前端展示出來。那么,如何在H5中提取JSON數(shù)據(jù)呢?
//假設(shè)后端接口返回的JSON數(shù)據(jù)如下所示,包含多條記錄 var jsonData = { "data": [ { "id": 1, "name": "張三", "age": 20, "gender": "男" }, { "id": 2, "name": "李四", "age": 25, "gender": "男" }, { "id": 3, "name": "王五", "age": 30, "gender": "女" } ] }; //提取JSON數(shù)據(jù),獲取每條數(shù)據(jù)的姓名和年齡 var data = jsonData.data; for(var i=0;i如上代碼所示,首先獲取JSON數(shù)據(jù)中的data數(shù)組,然后遍歷數(shù)組中的每一條記錄,提取出需要的字段,例如上述代碼中提取出了每條記錄的姓名和年齡,然后可以將這些數(shù)據(jù)展示到頁面上。
在實(shí)際開發(fā)中,我們通常會(huì)使用ajax從后端獲取JSON數(shù)據(jù)。假設(shè)后端接口為“/api/user”,那么可以使用以下代碼從接口中獲取JSON數(shù)據(jù):
//使用ajax從后端獲取JSON數(shù)據(jù) $.ajax({ url: '/api/user', type: 'get', dataType: 'json', success: function(res){ var data = res.data; for(var i=0;i如上代碼所示,通過ajax從后端獲取JSON數(shù)據(jù)時(shí),需要設(shè)置請(qǐng)求的url、請(qǐng)求類型和數(shù)據(jù)類型,成功后將返回的數(shù)據(jù)取出并進(jìn)行處理,錯(cuò)誤時(shí)需要進(jìn)行異常處理。