如何将文本文件读入 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中文网其他相关文章！