JSON是一個輕量級的數據交換格式,常被用于將數據從一個網頁傳輸到另一個網頁。而當我們需要返回一個列表時,我們可以這樣做:
{ "list": [ { "id": 1, "name": "John" }, { "id": 2, "name": "Alice" }, { "id": 3, "name": "Tom" } ] }
在上面的代碼中,我們使用了一個鍵值對的形式來返回一個名為“list”的列表。列表中包含了三個對象,每個對象都具有id和name兩個鍵。此外,我們還可以在對象中添加其他的鍵,以便更好地描述數據。
在接收到JSON數據的時候,我們可以使用一些JavaScript代碼來處理接收到的列表:
// 創建一個XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 指定處理響應的函數 xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // 解析JSON數據 var response = JSON.parse(xhr.responseText); // 遍歷列表并處理數據 response.list.forEach(function(obj) { console.log("id: " + obj.id + ", name: " + obj.name); }); } else { console.log('請求失敗:' + xhr.status); } } }; // 發送異步請求 xhr.open('GET', '/api/v1/list', true); xhr.send(null);
在上面的代碼中,我們使用了XMLHttpRequest來發送異步請求。當服務器返回數據時,我們可以使用JSON.parse函數將接收到的JSON數據解析為一個具有key-value對的JavaScript對象。接著,我們使用forEach函數遍歷列表,并輸出每個對象的id和name值。