在Web開發(fā)中,我們經(jīng)常需要獲取一個網(wǎng)頁的數(shù)據(jù),其中一種常見的數(shù)據(jù)格式就是JSON。獲取JSON數(shù)據(jù)后,我們需要對其進行解析以獲取我們需要的內(nèi)容。下面介紹一種使用JavaScript獲取網(wǎng)頁JSON數(shù)據(jù)并進行解析的方法。
//定義一個函數(shù)用于獲取JSON數(shù)據(jù)
function getJSON(url, callback) {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
const json = JSON.parse(xhr.responseText);
callback(json);
} else {
console.log('獲取JSON數(shù)據(jù)失敗');
}
}
};
xhr.open('GET', url, true);
xhr.send();
}
上述代碼中,使用XMLHttpRequest對象發(fā)送一個GET請求來獲取指定URL的JSON數(shù)據(jù)。當XMLHttpRequest對象狀態(tài)變化時,通過檢查readyState和status屬性來確定操作是否成功,如果成功則調(diào)用JSON.parse()函數(shù)將JSON字符串轉(zhuǎn)換為JavaScript對象,并將結(jié)果傳遞給回調(diào)函數(shù)。
//使用示例:獲取豆瓣電影top250的JSON數(shù)據(jù)
const url = 'https://api.douban.com/v2/movie/top250';
getJSON(url, function(data) {
console.log(data);
});
上述代碼中,我們傳遞了豆瓣電影top250的API地址作為參數(shù),并在回調(diào)函數(shù)中輸出獲取到的JSON數(shù)據(jù)。你可以根據(jù)具體需求對獲取到的JSON數(shù)據(jù)進行進一步處理。