如何清除和覆盖表格结果

时间:2018-11-10 02:39:37

标签: javascript ajax

我在表上具有初始值,并且创建了一个按钮,该按钮应该清除并覆盖表中的新值。但是在当前脚本中发生的事情是,如果我单击按钮,表格将仅追加一个新行。

这是我当前的装载机:

function RefreshData() {

        $.ajax({
            url: '/Home/GetItemList',
            type: 'GET',

            dataType: 'json',
            success: function (data) {
                console.log(data);
                var row = '';
                $('.table tbody').html("");
                $.each(data, function (i, item) {
                    row += '<tr><td style="display:none;"  >' + item.empSerial + '</td><td width="50%">' + item.name
                        + '</td><td width="30%">' + item.dept
                        + '</td><td style="display:none;"  >' + item.fname
                        + '</td><td style="display:none;"  >' + item.lname
                        + '</td><td>' + '<button onclick="delete(this, ' + item.empSerial + ",'" + item.name + "'" + ')" type="button" class="btn btn-danger"> Remove </button >'
                        + '</td><td>' + '<button onclick="update(this, ' + item.empSerial + ",'" + item.fname + ",'" + item.lname + ",'" + item.dept + ",'" + item.name + "'" + ')" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalPMA"> Update </button >' + '</td></tr>';

                });
                $('.table tbody').html(row); // override previous results
            },

            error: function (jqXhr, textStatus, errorThrown) {
                console.log(errorThrown.toString());
            }
        });

    }

1 个答案:

答案 0 :(得分:0)

source是元素,而不是类table,因此请从其删除点.table

.