jquery - すでに追加されたデータにさらに追加することが可能です

Question

既に追加されたデータにさらに追加することは可能ですか? ページの読み込み時にデータを表示する以下のコードがあります

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: 'page.php',
        data: vars,
        success: function (data) {
            $("#rows_of_data").html(data);
        }
    });
});

フォーム送信で、データベースで見つかった新しい行を処理して、既に表示されているデータの下に表示する必要があります

$("#myform").submit(function () {
    // send via ajax
    // display new rows below the last row of the old data appended
});

Answer 1

はい、append()代わりに使用してhtml()ください。

$("#rows_of_data").append(data);

説明: パラメータで指定されたコンテンツを、一致した要素のセット内の各要素の末尾に挿入します。

上記の例で#rows_of_dataは、「一致した要素のセット」の唯一の要素である id で一致しているため、data最後の子として追加されたコンテンツを取得します。

デモンストレーション

Answer 2

はい 可能.append()です。

$("#rows_of_data").append(data);

コードは次のようになります

$("#myform").submit(function(){
   $.ajax({
      type: 'GET',
      url: 'page.php',
      data: vars,
      success: function(data){
         $("#rows_of_data").append(data);
      }
   });
});