如何将本地文本文件加载到 JavaScript 变量中？

将文本文件内容加载到 JavaScript 变量中

问题：我们如何加载本地文本的内容文件 (foo.txt) 到 JavaScript 变量中，类似于Groovy?

解决方案：

XMLHttpRequest（不带 XML 的 AJAX）提供了一种异步检索远程资源的方法，使我们能够通过以下步骤读取文本文件的内容：

1. 创建 XMLHttpRequest对象：
   首先创建一个新的 XMLHttpRequest 对象。

var client = new XMLHttpRequest();

2. 打开并发送 GET 请求：
   打开 GET请求文件的 URL 并触发发送

client.open('GET', '/foo.txt');
client.send();

3. 处理响应：
   将事件处理程序附加到 onreadystatechange 事件，该事件会不断检查请求的状态。

client.onreadystatechange = function() {
  // Alert the responseText when the request is complete.
  if (client.readyState == 4 && client.status == 200) {
    alert(client.responseText);
  }
}

替代选项 - jQuery:

在使用 XMLHttpRequest 的同时，jQuery 为 AJAX 操作提供了更方便的接口：

$.ajax({
  url: '/foo.txt',
  dataType: 'text',
  success: function(data) {
    console.log(data);
  }
});

注意：

对于出于安全原因，此方法仅允许从与应用程序来源相同的域加载文件。

以上是如何将本地文本文件加载到 JavaScript 变量中？的详细内容。更多信息请关注PHP中文网其他相关文章！