HTMLページにテキスト文書を表示

Question

私は、同じディレクトリから.txファイルをロードし、そのページ上の異なるセクションとして内容を表示するウェブページを作成しようとしています。いくつかの検索の後で、私は任意の与えられた.txtドキュメントからテキストを見つけて表示することができるJQueryを見つけましたが、私は別の面で苦労しています。

ページのあるフォルダに.txtドキュメントを追加して、次回にページを開くときに余分なコードを必要とせずに表示できるようにします。本質的には、私はいくつかのテキストファイルをフォルダに落として、それが自動的に表示されるのが良いでしょう。

誰かが何らかのアドバイスをしたり、答えを探す場所を教えたりすれば、2,3日の検索の後で、私が挫折し始めているように感じると、非常に気楽になります。

おかげ

Answer 1

ディレクトリとどのようにテキストファイルをロードするためのすべての画像をロードする方法には、いくつかの類似したSOの質問があります。これが適応されます。

HTML：

<div id='foundTexts'> 
    <ul> 
    </ul> 
</div> 

JSを：

var directory = 'texts/'; 

    $.ajax({ 
     //This will retrieve the contents of the folder if the folder is configured as 'browsable' 
     url: directory, 
     dataType: "text", 
     success: function (data) { 
      //List all txt file names 
      $(data).find("a:contains(.txt)").each(function (i) { 
       // find the new file url of each txt file 
       var newFileLocation = directory+$(this).text().substring(1); 

       $.get(newFileLocation, function(response) { 
        // loads the content of each file, inserts into a list item and appends to an unordered list 
        $("#foundTexts ul").append('<li>'+ response +'</li><br>'); 
       }); 
      }); 
     } 
    }); 

サーバーのフォルダを確認してくださいブラウズ可能になるように構成され、あなたは右のフォルダの場所へdirectory変数が設定されていることあなたのテキストファイル用。