如何使用 JavaScript 獲取后臺數據

JavaScript 是一種客戶端腳本語言，用于在 Web 瀏覽器中動態交互。它可以通過 AJAX（異步 JavaScript 和 XML）技術與后臺服務器交換數據，從而實現獲取后臺數據的目的。

步驟：

1. 創建 XMLHttpRequest 對象

使用 XMLHttpRequest 對象來與服務器進行通信。

var xhr = new XMLHttpRequest();

2. 打開請求

使用 open() 方法打開一個 HTTP 請求，指定請求方法（如 GET 或 POST），以及請求的 URL。

xhr.open("GET", "/api/data");

3. 設置請求頭（可選）

如果需要設置請求頭，可以使用 setRequestHeader() 方法。

xhr.setRequestHeader("Content-Type", "application/json");

4. 發送請求

使用 send() 方法發送請求。

xhr.send();

5. 監聽服務器響應

使用 onreadystatechange 事件監聽服務器的響應。當服務器響應時，readyState 屬性將更改，表示請求的狀態。

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 成功獲取數據
  }
};

6. 處理數據

在服務器響應成功時（readyState 為 4，status 為 200），可以通過 responseText 或 responseJSON 屬性來獲取響應數據。

var data = JSON.parse(xhr.responseText);

注意事項：

確保請求 URL 指向正確的后端服務器端點。
如果使用的是相對 URL，請確保它相對于當前 Web 頁面所在的 URL。
服務器端需要實現相應的 API 來處理請求并提供數據。