如何將文字檔案讀入 JavaScript 變數？

如何將文字檔案內容讀取到JavaScript 變數

JavaScript 應用程式中的一個常見任務是將文字檔案的內容載入到變數中。為了實現這一點，開發人員經常求助於 XMLHttpRequest (AJAX)，它允許在不刷新頁面的情況下與伺服器進行通訊。

用於文字檔案載入的 XMLHttpRequest

使用 XMLHttpRequest，您可以可以向文字檔案傳送 GET 請求並接收其內容作為回應。以下是範例：

var client = new XMLHttpRequest();
client.open('GET', '/foo.txt');
client.onreadystatechange = function() {
  console.log(client.responseText);
}
client.send();

此程式碼開啟對文字檔案的 GET 要求，為 readstatechange 事件設定事件偵聽器，然後傳送請求。請求完成時會觸發事件監聽，可以從 client.responseText 取得回應文字。

框架考量

但是 XMLHttpRequest 可能無法使用在所有 JavaScript 框架中。因此，使用像jQuery 這樣的框架可以簡化這個過程：

$.get('/foo.txt', function(data) {
  console.log(data);
});

同源安全注意事項

請注意，此方法僅在文本文件中為與您的JavaScript 應用程式位於同一網域中。同源安全策略禁止跨域資源通訊。

以上是如何將文字檔案讀入 JavaScript 變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！