Javascript 更新API时更新HTML表

我只是为Woocommerce商店的显示订单制作一个简单的UI。我正在成功地获取JSON响应并将其放入HTML表中。但是我需要在不刷新整个页面或表的情况下更新表。事实上，我需要，无论何时收到订单，HTML表都应该在突出显示行的同时得到更新。我正在使用AJAX更新表，但它没有更新。 注意-我试图设置刷新页面的特定时间间隔，但我认为这不是一个好的解决方案。 到目前为止，我在下面看到了这个

**

$（文档）.ready（函数（）{
$.ajax({
url:“https://localhost/site/wp-json/wc/v3/orders?consumer_key=key&consumer_secret=key1",
数据类型：“json”，
键入：“get”，
cache:false，
成功：功能（数据）{
控制台日志（数据）；
var事件_数据=“”；
$.each（数据、函数（索引、值）{
/*console.log（值）*/
事件_数据+=''；
事件数据+=''+值.id+''；
事件\u数据+=''+值.billing.first\u name+值.billing.last\u name+''；
事件数据+=''+值。创建日期+''；
事件_数据+=''+值.账单.电话+''；
事件_数据+=''+value.billing.address_1+''，“+value.billing.address_2+”，“+value.billing.city+value.billing.postcode+”；
事件数据+=''+值。总计+''；
事件_数据+=''；
});
$（“#数据”）。追加（事件#数据）；
},
错误：函数（d）{
/*控制台日志（“错误”）*/
警报（“404.请等待文件加载。”）；
}
});
});

**

---

请提供任何建议。

不提供<代码>$（“#数据”）。附加（事件#数据）未显示在您的表中？否。除非我刷新页面，否则表不会得到更新。是否

console.log（数据）为您提供正确的数据。同时使用
.html（）
而不是
append（）
是的，它为我提供了正确的数据。您的html中是否存在此
#数据
？请查看浏览器控制台
$（“#数据”）中是否有任何错误未显示在您的表中？否。除非我刷新页面，否则表不会得到更新。是否
console.log（数据）为您提供正确的数据。同时使用
.html（）
而不是
append（）
是的，它为我提供了正确的数据。您的html中是否存在此
#数据
？请查看浏览器控制台中是否有任何错误
<script type="text/javascript">
$(document).ready(function(){
    $.ajax({
        url: "https://localhost/site/wp-json/wc/v3/orders?consumer_key=key&consumer_secret=key1",
        dataType: 'json',
        type: 'get',
        cache:false,
        success: function(data){
            console.log(data);
            var event_data = '';
            $.each(data, function(index, value){
                /*console.log(value);*/
                event_data += '<tr>';
                event_data += '<td>'+value.id+'</td>';
                event_data += '<td>'+value.billing.first_name + value.billing.last_name+'</td>';
                event_data += '<td>'+value.date_created+'</td>';
                event_data += '<td>'+value.billing.phone+'</td>';
                event_data += '<td>'+value.billing.address_1 + ", " + value.billing.address_2 + ", " + value.billing.city + value.billing.postcode +'</td>';
                event_data += '<td>'+value.total+'</td>';
                event_data += '</tr>';
            });
            $("#data").append(event_data);
        },
        error: function(d){
            /*console.log("error");*/
            alert("404. Please wait until the File is Loaded.");
        }
    });
});
</script>