2016-12-17 30 views
0

HI私は、JQueryでテキストファイルを1行ずつ読み込もうとしています。テキストファイルをjqueryで行単位で読み込み

私はこのようにそれを試してみてください。

function load_file(file, element) { 
    var lines = file.split("\n"); 

    for (var i = 0, len = lines.length; i < len; i++) { 
     save(lines[i]); 
    } 
    $(element).load(file); 

} 

とhtmlファイル:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication9.WebForm1" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript" src="Scripts/JFunc.js"></script> 
    <script type ="text/javascript" src="Scripts/jquery-1.10.2.js"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 


     <input type="button" value="load" onclick="load_file('../movie.txt', '#content_area');" /> 
    <div id="content_area"></div> 

    </div> 
    </form> 


</body> 
</html> 

しかし、ページは空のまま。

ファイルを1行ずつ読むことはできません。しかしそれは1つの大きな線です。そして行ごとに行かない。

テキストファイルは次のようになります。

  1. ショーシャンクの空に
  2. ゴッドファーザー
  3. ゴッドファーザー:パートII
  4. パルプフィクション
  5. 良い、悪いと醜い
  6. 12怒っている男性
  7. シンドラーのリスト
  8. ダークナイト
  9. ロードオブザリング:王
  10. ファイトクラブ
  11. スターウォーズのリターン:エピソードVは - 帝国は
  12. 一つは、カッコウの巣飛んできたの逆襲
  13. ロードオブザリング:旅の仲間
  14. インセプション
  15. グッドフェローズ
  16. スターウォーズ
  17. 七人の侍
  18. マトリックス
  19. フォレストガンプ神の
  20. 市私はちょうどこれを行う場合

はあなたに

ありがとう:

function load_file(file, element) { 
    //var lines = file.split("\n"); 

    //for (var i = 0, len = lines.length; i < len; i++) { 
    // save(lines[i]); 

    $(element).load(file); 

} 

ブラウザはファイルを読み取ることができます。しかし、私はこのような解決一行

+0

を変数 'file'が**文字列**' ../ movie.txt'で、それはの内容ではありませんファイル。 '../ movie.txt'.split( '\ n')'にすると '['../ movie.txt']'(これはあなたが探しているものではない)になります。 – Dekel

+0

よろしくお願いします。 – SavantCodeEngineer

+0

ファイルを読みたい場合は、そのファイルの内容を取得するためにサーバーに別の要求を行う必要があります。 '$ .ajax'(または' $ .get')を使用することができます。 – Dekel

答えて

2

でなく、すべてのタイトル:

jQuery.get('movie.txt', function (data) { 

    var lines = data.split("\n"); 

    $.each(lines, function (n, elem) { 
     $('#content_area').append('<div>' + elem + '</div>'); 

    }); 
    console.log(lines);  
}); 
+0

あなたはそれを自分で解決することができたことを知っていいです:)そのための私の投票を得た! – Dekel

関連する問題