1

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

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

  • 索引.html
  • 读取.js
  • 文本文件
    • 一个.txt

我想要发生的只是在客户端,javascript read.js 在 onload 的 index.html 中运行以显示 a.txt 的内容。我认为由于 a.txt 永远不会很大,因此将其留给客户端就可以了。但我不知道如何做到这一点,而且 W3C 文件 API 没有为我提供答案。

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

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

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

非常感谢大家的帮助。

4

4 回答 4

2

为什么文件 API 无关紧要:

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

来自W3C 文件 API

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

请参阅jQuery 的 ajax 文档

于 2013-07-18T22:04:16.207 回答
1

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

于 2013-07-18T22:00:50.403 回答
1

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

$.ajax({ 'url':'a.txt',
    'success': function(r){
        //display to innerDOM here, using r as the file
    });
});
于 2013-07-18T22:02:44.477 回答
1

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

于 2013-07-18T22:02:44.807 回答