使用 Javascript 在客户端从服务器打开一个文本文件答案

【问题标题】：Open a text file from server on the Client-side using Javascript使用 Javascript 在客户端从服务器打开一个文本文件
【发布时间】：2013-07-18 21:57:18
【问题描述】：

不管我怎么看，我得到的只是 w3C 文件 API，它专注于客户端的本地文件。

我想要做的是我有一个服务器。我正在尝试使用客户端 javascript 来获取服务器托管的文本文件 a.txt，并将其显示到 html 页面的 innerDOM。我的服务器目录如下所示：

index.html
read.js
文本文件
- a.txt

我想要的只是在客户端，在加载时在 index.html 中运行的 javascript read.js 显示 a.txt 的内容。我认为由于 a.txt 永远不会很大，因此将其留给客户端就可以了。但我不知道该怎么做，而且 W3C 文件 API 没有为我提供答案。

如果我不得不猜测，以某种方式确保 index.html 加载 a.txt，然后通过文件 API 获取它可能是可行的方法，但我不知道该怎么做。

我承认，我有点菜鸟。如果我使浏览器沙箱无效或做一些不可能的事情，请告诉我。我只是觉得这会很简单。

另外，如果您要建议 AJAX，我会很感激，要么不要，要么像我是个婴儿一样解释它，因为我真的不知道。

非常感谢大家的帮助。

【问题讨论】：

标签： javascript html file fileapi

【解决方案1】：

为什么文件 API 无关紧要：

Web 应用程序应该能够操作尽可能广泛的用户输入，包括用户可能希望上传到远程服务器或在富 Web 应用程序中操作的文件。

来自W3C File API。

因此，File API 旨在用于允许用户将文件从其客户端上传到服务器。另一方面，AJAX 用于允许用户将文件和其他数据从服务器下载到他们的客户端。而这正是您所需要的。

请参阅jQuery's ajax documentation。

【讨论】：

【解决方案2】：

我相信此页面可以帮助您解决问题。 http://www.htmlgoodies.com/beyond/javascript/read-text-files-using-the-javascript-filereader.html#fbid=YhNukIHynD3

【讨论】：

【解决方案3】：

我建议对服务器上的文件使用 Ajax 调用，因为调用的响应通常是该文件的内容。使用 Jquery，这可以通过一个简单的方式完成

$.ajax({ 'url':'a.txt',
    'success': function(r){
        //display to innerDOM here, using r as the file
    });
});

【讨论】：

【解决方案4】：

您只是想在网页上显示一个 txt 文件？你知道服务器端包含吗？如果您控制服务器，那将是一种可能性。如果你真的想用 javascript 来做，那么 AJAX 就是要走的路。如果当时是我，我会弄清楚如何包含和使用 jQuery 来帮助处理 ajax 位。您只需通过其 URL 请求文本文件（您可以在浏览器中加载它吗？），然后使用 jQuery 将该文本放入某个 DOM 元素中。

【讨论】：