如何在添加记录w / o页面刷新后刷新jTable

Question

这是我的添加驱动程序按钮

  $( "#addDriver" ).button().click(function( event ) {

    event.preventDefault();
    var dn = $("input[name=driver_name]").val();
    var ds = $("input[name=driver_status]").val();
    var dataString = 'driver_name='+ dn + '&driver_status='+ ds;

            //Here is where im trying to load it but it's not working 
    $('#driversTable').jtable('load');


    if(dn == '' || ds == '' )
    {
        alert("Fill up all Fields with \'*\'");
    }
    else
    {
        $.ajax({
        type: "POST",
        url: "processDriver.php",
        data: dataString,
        dataType: "json",
        success: function(data){
        if(!data.error && data.success) {
                alert(data.successMsg);

                $("input[name=driver_name]").val('');
                $("input[name=driver_status]").val('');

            } else {
                alert(data.errorMsg);
            }
        }
        });
    }
  });

这是我的jTable init

$("#driversTable").jtable({
        title: 'Drivers',
        actions: {
            listAction: "getAllDrivers.php",
        },
        fields: {
            did: {
                key: true,
                list: false
            },
            dID: {
                title: 'Driver ID',
                width: '7%'
            },
            dName: {
                title: 'Name',
                width: '7%'
            },
            dStatus: {
                title: 'Status',
                width: '12%'
            }
        }
    });

    $('#driversTable').jtable('load');

我希望它在添加新记录后是正确的，我希望表刷新而不刷新页面。我尝试了jtable的加载和重新加载功能不起作用，或者我只是将它们放在我的代码的错误位置？

Answer 1

首先插入数据然后重新加载。

$.ajax({
    type: "POST",
    url: "processDriver.php",
    data: dataString,
    dataType: "json",
    success: function(data){
    if(!data.error && data.success) {
            alert(data.successMsg);
            $('#driversTable').jtable('reload');//<== Reload after Success
            $("input[name=driver_name]").val('');
            $("input[name=driver_status]").val('');

        } else {
            alert(data.errorMsg);
        }
    }
    });