jquery - 重新加载表 Ajax jquery

Question

我正在开发一个表，该表使用ajax/jquery重新加载，但表不为空，将下一个内容附加到表中。

<table class="table" id="pujas">
    <thead>
        <tr>
            <th>#</th>
            <th>Nombre</th>
            <th>Apellido</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>

Jquery

<script>
 $(document).ready(
            function() {
                setInterval(function() {                  
                $.ajax({
                url:'../ajaxpujas',
                 dataType:'json',
                type:'get',
                cache:true,
                success:json,

               });

               function json(data){
                   $(data).each(function(index,value)  {
                        console.log(value);
                        var table = '<tr><td>' + value.id + '</td><td>' + value.id_user + '</td><td>' + value.importe + '</td></tr>';
                        $('#pujas').append( table );
                        });
                        }
                }, 1000);
            });
</script>

对此有什么想法吗？我怎样才能正确地刷新表格？

Answer 1

你必须清理你的<table>内容，然后再用新内容重新加载它。

但是，您应该在 <tbody> 中添加和管理表格内容。在这种情况下元素可以保留您的 <thead>如上所述。

因此，在 json 函数中，您可以执行以下操作:

$('#tbody_id').html (""); // This cleans the previous content.

然后添加新内容:

$('#tbody_id').append ('Your html content');