Question

添加一些数据后刷新数据表时出现问题。另外，我使用函数在页面加载时获取数据。我已经尝试过datatable函数.draw（），但是它第一次打破了分页限制。所以，我需要解决方案。

这是正文上的代码：

<table id="table-employee" class="table table-hover">
        <thead>             
            <tr>
                <th>No</th>
                <th>Employee ID Number</th>
                <th>Employee Name</th>
                <th>Company Name</th>
                <th>Created Date</th>
                <th>Create By</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody id="list-data-employee">
            <tr></tr>
        </tbody>
    </table>

这是脚本上的代码： https://pastebin.com/MU8iFRiq（我用过这个，因为论坛上说我的代码在该线程中太多了）

先谢谢您。 *编辑：在正文和我在脚本部分中所做的事情上添加一些细节。

Answer 1

 var options = {data:[]};
 var table = $('#example').DataTable(options);
  function refresh(newData){          
     // Clear all existing data and insert fresh data and redraw datatable.
     table.clear().rows.add([newData]).draw();
   }   

$("#modal-input").on("submit","#form-add-employee", function(){
        $.ajax({
            url:"employee/add/save.json",
            type:"get",
            dataType:"json",
            data:$(this).serialize(),
            success: function(result){
                $("#modal-input").modal("hide");
                alert("Data Saved! New Employee has been add with employee ID Number "+result.employeeModel.employee_number);
             refresh(result);
            }
        });
        return false;
    });

我创建了带有工作示例的jsfiddle-http://jsfiddle.net/p74sytjc/

Ajax成功功能完成后如何刷新/重新加载数据表

1 个答案: