如何替换其他东西以更新数据

Question

我正在使用以下代码在卡中列出AJAX数据。 它运行良好，但是如果我在一定条件下使用setinterval与其他函数一起运行，则变为true时，它将调用以下函数来更新列出的数据。

它将所有新数据附加到现有清单数据中并进行复制。 我知道这是因为我正在使用appendTo函数，我试图用HTML替换它，但这没有用，它根本没有列出数据。

我想在再次调用此函数时更新数据，而不是附加数据。 我应该怎么用呢？ 谢谢。

function orderlist() {
    return  $.getJSON( "/restaurant/order/list/100/1", 
        function( orderdata ) 
            {
            var items = [];
            $.each( orderdata, function( key, val ) {
                var $o_on  = val.ordernumber;
                var $o_odate  = val.bizorderdate;
                var $o_userid = val.userid;
                var $o_tnumber = val.tablenumber;
                var $o_a   = "<div class='card' id="+$o_on+">"
                            + "<div class='title'>"
                            + "Order No." + $o_on + "</div>"
                            + "Date & Time: " + $o_odate + " </br>"
                            + "User: " + $o_userid + " </br>"
                            + "Table No: " + $o_tnumber + " </br>"
                           +    "</div>";
                items.push($o_a);
                })

        $( "<div/>", 
                    {
                    "class": "row",
                    html: items.join( "" )
        }).appendTo( "#list_of_orders" );  
    });
}

Answer 1

使用empty()清除列表，然后追加新内容。

$('#list_of_orders').empty().append($( "<div/>", 
    {
       "class": "row",
       "html": items.join( "" )
    }