JSON(JavaScript Object Notation)是一種輕量級的數據交換格式,被廣泛應用于Web開發中。在實際開發中,我們需要從服務器上獲取JSON數據并在瀏覽器中進行解析和使用。
在前端開發中,一般使用Ajax技術從服務器獲取數據,其中最常見的方式就是使用get請求。下面我們來介紹如何使用get請求獲取JSON數據。
// 構造一個XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 設置請求方式和請求地址 xhr.open('get', 'http://example.com/data.json', true); // 發送請求 xhr.send(); // 監聽狀態變化 xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 解析JSON數據 var data = JSON.parse(xhr.responseText); // 對JSON數據進行操作 console.log(data); } };
在上面的代碼中,我們先創建一個XMLHttpRequest對象,然后使用open方法指定請求方式和請求地址,并設置為異步請求。接著發送請求,最后在onreadystatechange事件中監聽狀態變化,如果請求成功,則調用JSON.parse方法解析JSON數據,然后進行相關的操作。
注意,請求地址需要根據實際情況進行修改,并且在同源策略下才能成功獲取到數據。