溫馨提示×

ajax返回的json如何讀取

小億
181
2024-06-07 16:07:19
欄目: 編程語言

要讀取ajax返回的json數(shù)據(jù)，可以使用以下步驟：

  1. 在ajax請求成功后，獲取返回的json數(shù)據(jù)。
  2. 使用JSON.parse()方法將json字符串轉(zhuǎn)換為JavaScript對象。
  3. 使用對象的屬性和方法來訪問json數(shù)據(jù)中的值。

以下是一個簡單的示例代碼：

// 創(chuàng)建一個ajax請求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true);

// 發(fā)送ajax請求
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 獲取返回的json數(shù)據(jù)
    var jsonResponse = xhr.responseText;
    
    // 將json字符串轉(zhuǎn)換為JavaScript對象
    var jsonData = JSON.parse(jsonResponse);
    
    // 訪問json數(shù)據(jù)中的值
    console.log(jsonData.key1);
    console.log(jsonData.key2);
    console.log(jsonData.key3);
  }
};

xhr.send();

在這個示例中，我們發(fā)送了一個ajax請求獲取名為example.json的json數(shù)據(jù)。在請求成功后，我們將返回的json字符串轉(zhuǎn)換為JavaScript對象，并通過對象的屬性來訪問json數(shù)據(jù)中的值。

0 踩