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

將文字檔案內容載入到 JavaScript 變數

在 Web 開發領域，通常需要出於各種目的存取文字檔案的內容。您可能會問：「如何在 JavaScript 中輕鬆實現此目的？」

為了將文字檔案載入到 JavaScript 變數中，我們深入研究 XMLHttpRequest（通常稱為 AJAX）的世界。雖然實作可能會因您使用的JavaScript 框架而略有不同，但忽略相容性問題，一個基本範例將類似於以下內容：

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

此程式碼初始化XMLHttpRequest 物件（客戶端），將其配置為檢索使用GET 方法取得文字檔(/foo.txt) 的內容。成功完成請求後，將觸發 onreadystatechange 事件偵聽器，在 client.responseText 屬性中公開檔案的內容。典型的用例包括在警報框中顯示此文本，如圖所示。

但是，值得注意的是 XMLHttpRequest 並非在所有平台上都可以普遍存取。在這種情況下，利用 jQuery 等 AJAX 框架成為實用的解決方案。

需要考慮的一個重要警告是，此方法僅適用於文字檔案 (foo.txt) 駐留在同一網域中的情況。由於同源安全策略可防止安全漏洞，因此跨域請求會受到阻礙。

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