Ajax更新表数据,但不重复顺序

Ajax update table data but not to repeat theader

本文关键字:顺序 更新 数据 Ajax      更新时间:2023-09-26

jQuery AJAX调用正在更新表数据,但如果以前没有创建,我只想创建一次表头。

因此,在第一次ajax更新之后,我首先创建了表头,然后将数据行附加到tbody,这很好,

但在第二次更新时,它一直在添加theader,尽管我在创建一个之前检查了theader的长度,但长度总是返回0,因为theader一直在添加表数据,你知道我做错了什么吗?对不起,我的学习曲线。

jQuery:

success: function(response){                            
    $.each(response, function (index, file) {
        var newFileRow; 
        var tableHeader = '<tr id="fileTblHeaderRow">' +
                            '<th> <span>Name</span> </th>' + 
                            '<th> <span>Size</span> </th>' +                                                    
                            '</tr>';                                                
        if($("fileTblHeaderRow").length) {                  
                            newFileRow = '<TR>' +
                            '<TD> <SPAN>' +file.name + '</SPAN> </TD>' +                                                    
                            '<TD> <SPAN>' +file.size + '</SPAN> </TD>' +                                                    
                            '</TR> <br />';
        } else {
            newFileRow = tableHeader +'<TR>' +
                            '<TD> <SPAN>' +file.name + '</SPAN> </TD>' +                                                    
                            '<TD> <SPAN>' +file.size + '</SPAN> </TD>' +                                                    
                            '</TR> <br />';
        }                               
        $('#fileListTblID').append(newFileRow);                                                                                     
    });  
},

您需要一个哈希前缀来按ID:进行选择

if($("#fileTblHeaderRow").length)