Как удалить строки таблицы и добавить другие строки с помощью вызова 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

Измените свой 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 выглядит проще

Answer 2

Попробуйте это

$(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);