jquery - 数据更改时如何更新表格？

Question

我有这个脚本每 1 秒更新一次新数据，但我很困惑如何更新表格以更改表格中已编辑的数据。

在我的脚本中，它只显示数据更改之前的内容。

谁能给我一个建议，我可以使用我的 html 中的哪些类型的数据来引用已更改的数据？

这是我的代码

    function update_table_usermanager(){
        var old_data = []
        $('.table-data-feedback > tbody tr').each(function(){
            var d = this.id
            old_data.push(d)
        })
        $.ajax({
            url:"update_table_adduser",
            method:"GET",
            success:function(response){
                var to_dict = JSON.parse(response)
                if(to_dict.length < old_data.length){
                    for(var z = 0; z<old_data.length; z++){
                        if(typeof(to_dict[z]) == "undefined"){
                            var delete_table = $(".table-data-feedback > tbody tr[id="+old_data[z]+"]");
                            delete_table.remove();
                        }
                    }
                }else if(to_dict.length > old_data.length){
                    for(var w = 0; w<to_dict.length; w++){
                        if(typeof(old_data[w]) == "undefined"){
                            new_table = 
                            '<tr id='+to_dict[w].line_id+'>'+
                            '<td>'+to_dict[w].id+'</td>'+
                            '<td>'+to_dict[w].username+'</td>'+
                            '<td>Pending</td>'+
                            '<td>'+to_dict[w].waktu_pengajuan+'</td>'+
                            '<td>'+to_dict[w].line_id+'</td>'+
                            '<td>'+
                                '<div class="reply" id='+to_dict[w].line_id+'>'+
                                    '<button id="confirm-btn-image"data-value='+to_dict[w].line_id+'style="margin-right:5px;"><i class=" fa fa-check" aria-hidden="true" style="margin-right: 5px"></i>Confirm</button>'+
                                    '<button id="reject-btn-image" data-value='+to_dict[w].line_id+'><i class="fa fa-trash" aria-hidden="true" style="margin-left: 5px; margin-right:5px;"></i>Reject</button>'+
                                '</div>'+
                            '</td>'+
                            '</tr>'
                            $('.table-data-feedback > tbody').append(new_table);  
                            console.log(old_data)
                            button_table();                   
                        }
                    }
                }
            }
        })
    }

标签： jqueryajax