在Web開發(fā)中,我們通常會向服務器發(fā)送請求獲取數(shù)據(jù),而數(shù)據(jù)常常以JSON格式返回。當我們在客戶端接收到JSON數(shù)據(jù)后,需要將其解析并顯示在網(wǎng)頁上。此時,JavaScript中的callback函數(shù)就可以派上用場了。
callback函數(shù)通常會作為參數(shù)傳入一個HTTP請求,并在請求成功獲取數(shù)據(jù)后被調用。我們可以在callback函數(shù)中對獲取的JSON數(shù)據(jù)進行處理,并將處理后的結果顯示在網(wǎng)頁上。
下面是一個簡單的例子:
function getData(callback) { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://example.com/data.json'); xhr.onload = function() { if (xhr.status === 200) { callback(JSON.parse(xhr.responseText)); } }; xhr.send(); } getData(function(data) { var result = ''; for (var i in data) { result += '
在這個例子中,我們定義了一個名為getData的函數(shù),并將一個callback函數(shù)作為參數(shù)傳入。在getData函數(shù)內部,我們使用XMLHttpRequest對象向服務器發(fā)送GET請求。當請求成功獲取數(shù)據(jù)后,我們調用傳入的callback函數(shù),并將JSON字符串解析為JavaScript對象作為參數(shù)傳入。
callback函數(shù)中,我們對數(shù)據(jù)進行簡單的處理,并將處理后的結果插入到id為list的HTML元素中。
總之,使用callback函數(shù)可以非常方便地獲取和處理JSON數(shù)據(jù)。在實際開發(fā)中,我們常常會使用jQuery等庫來處理HTTP請求和JSON數(shù)據(jù),但掌握基本的callback函數(shù)用法也是非常重要的。