在 H5 中,讀取 JSON 數(shù)據(jù)是一項(xiàng)非常常見的任務(wù)。以下是一個(gè)示例代碼,演示了如何用 JavaScript 讀取并處理 JSON 數(shù)據(jù):
// 創(chuàng)建一個(gè) XMLHttpRequest 對(duì)象 var xmlhttp = new XMLHttpRequest(); // 監(jiān)聽 onload 事件,當(dāng)讀取完成時(shí)執(zhí)行回調(diào)函數(shù) xmlhttp.onload = function() { // 檢查請(qǐng)求狀態(tài)是否為 200 (請(qǐng)求成功) if (this.status === 200) { // 解析 JSON 數(shù)據(jù)并存儲(chǔ)在變量中 var data = JSON.parse(this.responseText); // 在控制臺(tái)輸出 JSON 數(shù)據(jù) console.log(data); } }; // 指定請(qǐng)求的 URL 和請(qǐng)求方式 xmlhttp.open("GET", "example.json", true); // 發(fā)送請(qǐng)求 xmlhttp.send();
代碼解釋:
1. 首先,我們創(chuàng)建一個(gè) new XMLHttpRequest() 對(duì)象,用于通過 HTTP 請(qǐng)求獲取 JSON 數(shù)據(jù)。
2. 我們將一個(gè) onload 事件處理程序附加到 XMLHttpRequest 對(duì)象上。當(dāng)請(qǐng)求完成時(shí),該事件將被觸發(fā)。
3. 在 onload 事件處理程序中,我們檢查請(qǐng)求狀態(tài)是否為 200(請(qǐng)求成功)。如果狀態(tài)是 200,則可以開始解析 JSON 數(shù)據(jù)。
4. 我們使用 JSON.parse() 方法解析 JSON 數(shù)據(jù)并將其存儲(chǔ)在變量中。
5. 最后,我們?cè)诳刂婆_(tái)上輸出 JSON 數(shù)據(jù)。
這是一個(gè)簡單的示例代碼,以幫助您了解如何使用 JavaScript 讀取和處理 JSON 數(shù)據(jù)。記住,您可能需要根據(jù)您的具體需求進(jìn)行修改和修改。