php - PHPとjqueryで行を追加するとエラーが発生しますか?

Question

<a class="checkModelButton" href="addrow.php">ADD ROW</a>
<table>
   <thead>
       <th>Name</th> 
   </thead>
   <tboby id="model_row">
       <tr>Nokia N70</tr>
   </tbody>
</table>

そしてjQuery：

jQuery('.checkModelButton').click(function(){
   var url = jQuery(this).attr('href');
   jQuery.ajax({
      type:'get',
      cache: false,
      url: url,
      success: function(html){
         jQuery('#model_row').html(html);
      }  
   });
});

ファイル addrow.php で

<tr>Nokia N71</tr>

タグをクリックすると、結果は次のようになります。

   <table>
       <thead>
           <th>Name</th> 
       </thead>
       <tboby id="model_row">
           <tr>Nokia N71</tr>
       </tbody>
    </table>

それを結果に修正する方法は次のとおりです。

   <table>
       <thead>
           <th>Name</th> 
       </thead>
       <tboby id="model_row">
           <tr>Nokia N70</tr>
           <tr>Nokia N71</tr>
       </tbody>
    </table>

Answer 1

の代わりに.append()ORを使用してください.appendTo().html()

好き

success: function(html){
         jQuery('#model_row').append(html);
      }  

また

 success: function(html){
             jQuery(html).appendTo('#model_row');
          }  

Answer 2

を使用.html()すると、コンテンツが上書きされます。

あなたはそれを追加する必要があります。

$('#model_row').append(html);