如何通过ajax调用删除表行并追加其他行？

Question

您好每一个我想发送Ajax调用成功我想删除我的表中的所有元素，并添加根据数据的新元素成功返回

我有这样的方法来AJAX调用数据：

$(document).ready(function(){setInterval(function(){ 
     $.ajax({ 
      type: "POST", 
      url: '/tweety-0.0.1-SNAPSHOT/twitter/tiles/feeds', 
      data: {username: $("#username").val()}, 
      success: function(data){ 
      function(){ 
       for(i=0;i<data.length;i++){ 
        $.childern("#followerFeeds").remove() 
        $("#followerFeeds").append("<tr><td>"+data[1].message+ "</td></tr>" 
          +"<tr><td>"+data[1].messageDate+"</td></tr>"); 
        } 

       } 
      } 
     }); 
     }, 3000); 

，并在页面，这是我需要重新填充表：

<table id="followerFeeds" style='width: 100%'> 
     <tr></tr> 
     <c:forEach var="msg" items="${userFeeds}"> 
     <tr><td>${msg.message}</td></tr> 
     <tr><td>${msg.messageDate}</td></tr> 
     </c:forEach> 
    </table> 

Answer 1

试试这个

$(document).ready(function(){setInterval(function(){ 
     $.ajax({ 
      type: "POST", 
      url: '/tweety-0.0.1-SNAPSHOT/twitter/tiles/feeds', 
      data: {username: $("#username").val()}, 
      success: function(data){ 
      function(){ 
       var table = $("#followerFeeds"); 
       table.find("tr").remove(); 

       for(i=0;i<data.length;i++){ 
        table.append("<tr><td>"+data[1].message+ "</td></tr>" 
          +"<tr><td>"+data[1].messageDate+"</td></tr>"); 
        } 
       } 
      } 
     }); 
     }, 3000); 

Answer 2

您success回调改成这样：

success: function(data){ 
      function(){ 
       $("#followerFeeds").html(''); 
       for(i=0;i<data.length;i++){ 
        $("#followerFeeds").append("<tr><td>"+data[1].message+ "</td></tr>" 
          +"<tr><td>"+data[1].messageDate+"</td></tr>"); 
        } 

       } 
      } 

1）您拼写错误children。 2）我想清除html看起来简单