添加無頁面刷新記錄后如何刷新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初始化

$("#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);
        }
    }
    });