javascript / jquery - 从服务器获取数据并显示它

Question

假设我们的javascript文件位于计算机的某个目录中，
在同一目录中，我们有一个名为'server'的文件夹，
在同一个“服务器”文件夹中，我们有3个文本文件。

足够简单。现在我们要在我们的网站上显示所有这3个文本文件（在'server'文件夹中），用jQuery。

有可能吗？我可以使用jQuery从服务器文件夹中获取这些文件并将其显示在我的网站中吗？

textfile1.txt
textfile2.txt
textfile3.txt

我认为可以用AJAX完成，对不对？
如果可能，我该怎么做？

编辑：我不想显示文件的内容，我甚至可能不知道那些文件的名称。
我想在'server'文件夹中循环并获取我站点中显示的所有文件名。
够简单吗？

Answer 1

您想使用jQuery的load()

实施例。对于这个HTML：

<div id="content">
</div>

你有这个脚本：

$('#content').load('remotepath/textfile1.txt');

Answer 2

如果您使用的是jquery，则可以使用load()函数。

如果您使用的是直接javascript，则使用AJAX并创建XMLHttpRequest

这两种方法都非常简单易用。只需完成文档，你就可以了。

Answer 3

  编辑：我不想显示文件的内容，我甚至可能不知道那些文件的名称。   我想在'server'文件夹中循环并获取我站点中显示的所有文件名。   够简单吗？

仅使用AJAX是不可能的。您需要一个服务器脚本来返回文件列表。例如。你可以使用PHP的opendir（）+ readdir（）或glob（）函数将所有文件读入数组，然后退出（json_encode（$ files））;最后。

然后，您可以使用例如AJAX请求轻松读取该结果。 jQuerys $ .parseJSON（）并循环显示文件。