动态地向表中添加行

Question

$(document).ready(function(){
var refreshId = setInterval(function() {
    periodicRefresh();
}, 9000);
})

.

function periodicRefresh()
{
    $.ajax({
        type: 'GET',
        url: 'include/ajaxActions.php',
        data: "action=displayLastEvent",

        success: function(msg){
            var newid = $(msg).attr("id");
                    current = $("#list tr:first").get(0).id;
                    if(newid != currentfirstrow){
                        $("#list").prepend(msg);
                lastrow = current-19;
                $('#'+lastrow).remove();
                    }
        }
    });
}

Here is an example of what the table row looks like:

<tr id="5094"  style="background:White;">
  <td class="tdstd">
  </td>
</tr>

Answer 1

That's a little hard to answer, without knowing how the XML that is returned from "ajaxActions.php" and your AJAX call is formatted. Also, I'm assuming that "currentfirstrow" is a global javascript variable accessible inside any function?

function periodicRefresh()
{
    $.ajax({
        type: 'GET',
        url: 'include/ajaxActions.php',
        data: "action=displayLastEvent",

        success: function(xml){
            var newfirstrow = $(xml).find("name_of_xml_node_that_contains_newly_returned_id").text();
            if(newfirstrow != currentfirstrow){
                //do add new row()
            }
        },
}