用JavaScript从文件中读取的最简单方法是什么？

Question

我知道这个问题以前曾问过，但我仍在学习JavaScript，并且无法理解其他人回答的复杂性。 我有一个与读取JavaScript的HTML文件位于同一目录中的文本文件，并且该文本文件的字面上有一行。 我希望能够从文本文件中抓取该行并将其放入字符串中。 可以在FF，IE和Chrome中运行的最简单的方法是什么，并且除了浏览器选择外，还普遍通用吗？ 再说一次，我知道这已经被问过了，但是我很难从其他地方看到的示例代码的复杂性中选择真正的方法。 谢谢！

Answer 1

使用jQuery get方法http://api.jquery.com/jQuery.get/

$.get(url).success(function(data, status, response) {
    var text = response.responseText;
    // use your one line text stored in text variable here
}

url变量可以是相对的，因此您可以在其中放置文本文件名。 例如，如果您的文本文件名为“ mytext.txt”，并且在访问脚本的目录中，则将其放在：

  $.get("mytext.txt").success(function(data, status, response) {
        var text = response.responseText;
        // use your one line text stored in text variable here
    }

请注意，此答案假设您使用的是http访问文本文件，并且脚本和文本文件都在同一域中。

Answer 2

这很棘手，因为默认情况下，大多数浏览器都不允许JS从计算机的文件系统本地打开文件。 不过，您可以使用ajax从Web服务器请求文本文件。 为此，我建议使用jQuery，因为正如您所说的那样，它非常“通用”。 进行ajax调用时，请求必须遵循相同的原始策略。 用外行术语来说，如果您在www.mysite.com上，则可以请求www.mysite.com/aTextFile.txt，但是您将无法请求www.someothersite.com/aTextFile.txt

为此，请参阅momo的答案。 我本打算输入相同的内容，但他/她击败了我。

Answer 3

我能想到的最简单的方法是使用服务器端语言将文档的内容输出到某处的页面中（例如，不可见的textarea ），然后让Javascript读取该内容。 没有AJAX，没有库，而且速度非常快。

<textarea id="textarea"><?php include("test.txt") ?></textarea>

<script>
var str = document.getElementById("textarea").value;
</script>

现在，这并不总是最好的方法，但是与在繁重的框架中随处使用异步Javascript相比，以SEO性能为代价...