DataTables ajax從新加載數據

傳數據給後臺返回數據，最開始的辦法是

從新生成一個datatable對象，可是在每次點擊刷新時都會有閃動的現象，並且代價很高。理想中應該僅僅更新數據。

最後在文檔中查到一個插件fnReloadAjax加入文件

$.fn.dataTableExt.oApi.fnReloadAjax = function ( oSettings, sNewSource, fnCallback, bStandingRedraw )

{

    if ( sNewSource !== undefined && s NewSource !== null ) {

        oSettings.sAjaxSource = sNewSource;

    }

 

    // Server-side processing should just call fnDraw

    if ( oSettings.oFeatures.bServerSide ) {

        this.fnDraw();

        return;

    }

 

    this.oApi._fnProcessingDisplay( oSettings, true );

    var that = this;

    var iStart = oSettings._iDisplayStart;

    var aData = [];

 

    this.oApi._fnServerParams( oSettings, aData );

 

    oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aData, function(json) {

        /* Clear the old information from the table */

        that.oApi._fnClearTable( oSettings );

 

        /* Got the data - add it to the table */

        var aData =  (oSettings.sAjaxDataProp !== "") ?

            that.oApi._fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ) : json;

 

        for ( var i=0 ; i<aData.length ; i++ )

        {

            that.oApi._fnAddData( oSettings, aData[i] );

        }

 

        oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();

 

        that.fnDraw();

 

        if ( bStandingRedraw === true )

        {

            oSettings._iDisplayStart = iStart;

            that.oApi._fnCalculateEnd( oSettings );

            that.fnDraw( false );

        }

 

        that.oApi._fnProcessingDisplay( oSettings, false );

 

        /* Callback user function - for event handlers etc */

        if ( typeof fnCallback == 'function' && fnCallback !== null )

        {

            fnCallback( oSettings );

        }

    }, oSettings );

};

使用方法

oTable.fnReloadAjax('pages/getPlayerNewData.php);

oTable.fnReloadAjax(); //使用默認

http://yuklog.lofter.com/post/70cbd_8b6706