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

將文字檔案內容載入到JavaScript 變數中：Groovy 到JavaScript 翻譯

在groovy 中，將文字檔案內容載入到變數中非常簡單。然而，在 JavaScript 中，使用 URL.text 的相同方法不可用。

XMLHttpRequest (AJAX)

JavaScript 中的首選解決方案是 XMLHttpRequest (AJAX)，它允許與伺服器非同步通信，而無需重新載入網頁：

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

此方法使用回調來處理回應並檢索「foo.txt」的文字內容。需要注意的是，AJAX 可能不適用於所有平台。

使用jQuery

jQuery 是一個流行的AJAX 框架，它簡化了載入文字檔案的過程：

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

這段程式碼使用jQuery 的get() 方法非同步取得內容'foo.txt' 並使用回呼函數處理回應。

跨來源安全

記得使用這些方法載入文字檔案只會如果檔案位於與 Web 應用程式相同的網域中，則有效。跨網域安全性原則會阻止從不同網域存取檔案。

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