2012-01-18 12 views
0

私はjquery ajax呼び出しを使用してサーバーからファイルを取り出し、シンプルモールドにロードして表示します。入力ファイルは、unix改行 "\ n"のストレートテキストです。私は、改行を
に変換しようとしています。または、
を各行に追加できます。jquery ajax()を使用したシンプルモード

私はalert()関数でファイルを表示しましたが、alert()はこの変換を行います。

モーダルはファイルを表示します。問題はありません。それはちょうど私が望むようにフォーマットされていません。私は多くの記事を見て、多くのことを試しました。

どのようなヘルプも素晴らしいです。前もって感謝します。マイク

function getLogFile(filename) { 
    jQuery('div').remove('.logfile-class'); 
    var logdiv = $(document.createElement('<div>')).attr({'id': 'logfile-id', 'class': 'logfile-class'}); 
    $('body').append(logdiv); 

    $.ajax({ 
      type: 'GET', 
      url: "./logs/" + filename, 
      dataType: "html", 
      success: function(html) { 
        //alert(html); 
        html.replace(/\s$/g,"<br />"); 
        $('#logfile-id').append(html); 
        $('#logfile-id').modal(); 
      } 
    }); 

    $('.logfile-class').hide(); 

}

答えて

0

あなたのコンテナ<前> -elementを作り、のappendChild

html = "This\nis\na\ntest"; 
var element = document.getElementById("preElement"); 
element.appendChild(document.createTextNode(html)); 

を使用してテキストを設定するには、fiddle

+0

感謝を確認してください。 < pre >を使用してすべての改行を切り取り、私に長い行を1つ与えました。提案された.replaceの変更はコンテンツにまったく影響しませんでした。差し替えがすべてのポジションで機能しているかどうか疑問に思う。 「\ n」を「
」に置き換えると、私は後になります。同じ変更について他の投稿に表示されている置換は、あなたが提供したものと同じように見えます。これは本当にhtml改行を取得する方法ですか? – Mike

+0

これはjsfiddleで動作していますが、ajax関数のsuccess:セクション内で動作させることはできません。私はそれをハッキングし、私がそれを働かせたらアップデートを投稿します。これはとても簡単です。再度、感謝します。 – Mike

+0

'html.replace'行を削除し、' $( '#logfile-id')と書いてください。append(document.createTextNode(html)) ' –

関連する問題