在互聯(lián)網(wǎng)開發(fā)中,獲取 JSON 數(shù)據(jù)是一項非常常見的任務(wù)。本文將介紹如何通過 GET 參數(shù)獲取 JSON 數(shù)據(jù)。
GET 參數(shù)是一種用于向 Web 服務(wù)器傳遞信息的方法。我們可以把參數(shù)作為 URL 的一部分,向服務(wù)器發(fā)送請求。例如:
https://example.com/getjson?name=john&age=30
上面的 URL 包含了兩個參數(shù),name 和 age,它們的值分別為 john 和 30。當(dāng)我們發(fā)送這個 URL 的請求時,服務(wù)器將返回對應(yīng)的 JSON 數(shù)據(jù)。
以下是一段獲取 GET 參數(shù)并返回 JSON 數(shù)據(jù)的示例代碼:
// 獲取 URL 中的 GET 參數(shù) function getParameterByName(name) { var url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } // 獲取 JSON 數(shù)據(jù) function getJSON() { var name = getParameterByName('name'); var age = getParameterByName('age'); // 構(gòu)造請求 URL var requestURL = 'https://example.com/getjson?name=' + name + '&age=' + age; // 發(fā)送請求 var xhr = new XMLHttpRequest(); xhr.open('GET', requestURL, true); xhr.onload = function() { if (xhr.status === 200) { // 處理返回的 JSON 數(shù)據(jù) var json = JSON.parse(xhr.responseText); console.log(json); } else { console.log('請求失敗'); } }; xhr.send(); }
上面的代碼中,getParameterByName() 函數(shù)用于獲取 URL 中的 GET 參數(shù),getJSON() 函數(shù)用于發(fā)起請求并處理返回的 JSON 數(shù)據(jù)。
以上就是使用 GET 參數(shù)獲取 JSON 數(shù)據(jù)的方法和示例代碼。有了這個方法,我們可以方便地從 Web 服務(wù)器獲取所需的數(shù)據(jù)并在網(wǎng)頁上進行展示。