Javascript 引导表刷新

Javascript 引导表刷新,javascript,ajax,bootstrap-table,Javascript,Ajax,Bootstrap Table,我使用引导表来显示来自MongoDB的数据,使用mongoid查询。我想每隔5分钟刷新一下桌子。我已经阅读了文档,但对于Javascript来说是新手,我不确定如何实现这一点——是使用Ajax调用还是只使用setTimeout()函数,等等 这是我的表格代码: <table id="table" data-show-refresh="true" data-row-style="rowStyle" data-toggle="table" data-url="http://maccdx1601

我使用引导表来显示来自MongoDB的数据,使用mongoid查询。我想每隔5分钟刷新一下桌子。我已经阅读了文档,但对于Javascript来说是新手,我不确定如何实现这一点——是使用Ajax调用还是只使用setTimeout()函数,等等

这是我的表格代码:

<table id="table" data-show-refresh="true" data-row-style="rowStyle" data-toggle="table" data-url="http://maccdx160121:4567/api/v1/currentsat*">
    <thead>
        <tr>

           <th data-field="initials">Initials</th>
            <th data-cell-style="cellStyle" data-field="sector">Sector</th>
            <th data-field="cjs">CJS</th>


        </tr>
    </thead>
 </table>

谢谢你的帮助

我想您可以删除该表并重新创建:

setInterval(function(){
    $('#table').remove();
    $('#Table_Parent').append(Table_Html);
}, 5000);

我想你应该移除表格,然后重新创建:

setInterval(function(){
    $('#table').remove();
    $('#Table_Parent').append(Table_Html);
}, 5000);

我认为你需要两者兼而有之。您需要使用ajax从服务器获取数据,然后将其重新加载到datatable中

只有刷新数据表才会重新加载html中的数据,但您需要刷新,因为它会重新加载更改后的数据

作为@Farzin-Kanzi代码,在设置的超时时间内进行ajax调用并重新加载服务器数据

setInterval(function(){
    $.ajax(
    ...
    success(response) {
      Table_Html = resopnse
    }
   )
    $('#table').remove();
    $('#Table_Parent').append(Table_Html);
}, 5000);

我认为你需要两者兼而有之。您需要使用ajax从服务器获取数据,然后将其重新加载到datatable中

只有刷新数据表才会重新加载html中的数据,但您需要刷新,因为它会重新加载更改后的数据

作为@Farzin-Kanzi代码,在设置的超时时间内进行ajax调用并重新加载服务器数据

setInterval(function(){
    $.ajax(
    ...
    success(response) {
      Table_Html = resopnse
    }
   )
    $('#table').remove();
    $('#Table_Parent').append(Table_Html);
}, 5000);

我想我看到了你在做什么,但我不确定如何将它合并到我的代码中。我能够拼凑出下面的javascript来满足我的需要,尽管没有ajax调用那么专业。setTimeout(函数(){location.reload();},60*1000);我想我看到了你在做什么,但我不确定如何将它合并到我的代码中。我能够拼凑出下面的javascript来满足我的需要,尽管没有ajax调用那么专业。setTimeout(函数(){location.reload();},60*1000);