如何将文本文件内容加载到 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中文网其他相关文章！