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