ajaxリクエストから返ってきたときにDIVの中に新しい行を作るためのjQueryの取得

Question

これはWebページに返される累積のメッセージである必要があります。プロセスが開始/停止/中断するたびに、それが表示されます。表示されたメッセージは、状態にとどまっているときには停止/起動された/というようにはなりません。これらの状態が変わるたびに表示され、jquery.append（）のようにはなりません。

上

started 10:48 
started 10:48 
started 10:48 
started 10:48 
started 10:48 
started 10:48 
started 10:48 
stoped 10:50 
. 
. 

などを望まない

は（APPENDのように（）だろう）

started 10:48 
stoped 10:50 
Started 12:53 
suspended 3:34 
Started 3:40 

を希望

Answer 1

<script> 
    //Use this 
    last=null; 
    $.ajax 
       ({ 
        url: "../getStatus/", 
        dataType: 'json', 
        success: function(json) 
       { 
         //Replace this line 
         //$('#ajaxLog').html(json.status+"<br/>"); 

         //with this: 
         if(last!=json.status) 
         { 
          $('#ajaxLog').append(json.status+"<br/>"); 
          //or: $('#ajaxLog').append('<p>'+json.status+'</p>'); 
          last=json.status; 
         } 
       } 
      }); 

</script> 

//Need this section to make a new line when refreshed 
<div id = ajaxLog style="width:50%"></div> 

Answer 2

改行はHTML形式ではありません。

$('#ajaxLog').append(json.status + '<br/>'); 

かのdivに中身を入れて：あなたは新しい行にセマンティクスを達成するために<br/>タグを使用することができ

$('#ajaxLog').append('<div>' + json.status + '</div>'); 

また、あなたが上書きされないように代わり.html()の.append()方法を使用する必要がありますこれが呼び出されるたびにajaxLog divの内容が返されます。

Answer 3

HTMLに改行を追加しますか？

success: function(json) 
{ 
    $('#ajaxLog').html("<br />" + json.status+); 
} 

Answer 4

これを誤解しない限り、divの完全な内容を置き換えるhtml（）メソッドを呼び出しています。あなたは実際にdiv内に既にあるものに（新しい行に）結果を追加しようとしていますか？

質問を正しく理解していないと謝罪します。

Answer 5

はアヤックスの設定が

data: ''

追加

を持つべきではありませんので、それは

url: '../getStatus/', data: '', dataType: 'json', success: ...

のように見えますか？私はこれをどこかで読んだことはかなり確信しています。