如何通過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看起來簡單