ajax - jquery - 加载所有文本文件并显示它们

Question

我已经使用 jQuery 很长时间了，但我从未学过 AJAX，所以我来了..

我们有这个代码:

$('body').load('hello.txt');

很简单，现在假设我有多个文本文件(我不知道它们的名字)我想要加载，
我可以这样做吗？也许我需要循环所有文本文件并以某种方式加载它们？

提前致谢

Answer 1

假设您在服务器中的特定位置有文本文件，您可以执行以下操作:

HTML 标记:

 <div id="fileList">
       here list of files will be loaded so that user can select which one to load
 <div>

 <div id="file-content">
       content of selected file will be loaded here
 <div>

JQuery 部分:

 $.ajax({
      url : "FileServer/GetFileNames", // this is just a url that is responsible to return files list 
      success : function(data){
          //here a JSON data including filenames expected 
          $.each(data,function(i,item){
                var $fileHolder = $("<div></div>");
                $fileHolder.attr("filename",item.filename).click(function(){
                      $("#file-content").load($(this).attr("filename"));
                }).html(item.filename).appendTo("#fileList");  
          });
      }
 });

预期 JSON 结构

   [
      {
          filename : "text1.txt"
      },
      {
          filename : "text2.txt"
      },
      {
          filename : "text3.txt"
      } 
   ]

在服务器端实现文件列表由您决定。