使用流水线进行服务器端处理

时间:2012-05-10 20:58:44

标签: javascript jquery ajax datatables pipeline

默认情况下,此功能适用于$_GET。基于on this discussion我修改了this function并得到了类似下面的内容。现在问题是,Firebug给出了错误消息

  

json.aaData未定义@第99行

这是一行(位于代码末尾):

json.aaData.splice( 0, iRequestStart-oCache.iCacheLower ); 

PHP端响应,此表100%没有流水线工作。但是当我启用流水线操作时会出现此错误:

http://screencast.com/t/GOJzPHq3kg

function fnDataTablesPipeline ( sSource, aoData, fnCallback ) {
    var iPipe = 5; /* Ajust the pipe size */

    var bNeedServer = false;
    var sEcho = fnGetKey(aoData, "sEcho");
    var iRequestStart = fnGetKey(aoData, "iDisplayStart");
    var iRequestLength = fnGetKey(aoData, "iDisplayLength");
    var iRequestEnd = iRequestStart + iRequestLength;
    oCache.iDisplayStart = iRequestStart;

    /* outside pipeline? */
    if ( oCache.iCacheLower < 0 || iRequestStart < oCache.iCacheLower || iRequestEnd > oCache.iCacheUpper )
    {
        bNeedServer = true;
    }

    /* sorting etc changed? */
    if ( oCache.lastRequest && !bNeedServer )
    {
        for( var i=0, iLen=aoData.length ; i<iLen ; i++ )
        {
            if ( aoData[i].name != "iDisplayStart" && aoData[i].name != "iDisplayLength" && aoData[i].name != "sEcho" )
            {
                if ( aoData[i].value != oCache.lastRequest[i].value )
                {
                    bNeedServer = true;
                    break;
                }
            }
        }
    }

    /* Store the request for checking next time around */
    oCache.lastRequest = aoData.slice();

    if ( bNeedServer )
    {
        if ( iRequestStart < oCache.iCacheLower )
        {
            iRequestStart = iRequestStart - (iRequestLength*(iPipe-1));
            if ( iRequestStart < 0 )
            {
                iRequestStart = 0;
            }
        }

        oCache.iCacheLower = iRequestStart;
        oCache.iCacheUpper = iRequestStart + (iRequestLength * iPipe);
        oCache.iDisplayLength = fnGetKey( aoData, "iDisplayLength" );
        fnSetKey( aoData, "iDisplayStart", iRequestStart );
        fnSetKey( aoData, "iDisplayLength", iRequestLength*iPipe );

        jQuery.post( sSource, aoData, function (data) { 
            /* Callback processing */
            oCache.lastJson = jQuery.extend(true, {}, data);

            if ( oCache.iCacheLower != oCache.iDisplayStart )
            {
                data.aaData.splice( 0, oCache.iDisplayStart-oCache.iCacheLower );
            }
            data.aaData.splice( oCache.iDisplayLength, data.aaData.length );

            fnCallback(data)
        },"json" );
    }
    else
    {
        json = jQuery.extend(true, {}, oCache.lastJson);
        json.sEcho = sEcho; /* Update the echo for each response */
        json.aaData.splice( 0, iRequestStart-oCache.iCacheLower ); // <- this line
        json.aaData.splice( iRequestLength, json.aaData.length );
        fnCallback(json);
        return;
    }
}

我错过了什么?有什么建议吗?

1 个答案:

答案 0 :(得分:2)

jsonfnDataTablesPipeline()获取oCache.lastJson内的属性,但前提是bNeedServer为真。

如果从未调用fnDataTablesPipeline()或已调用bNeedServeroCache.lastJson = jQuery.extend(true, {}, data);仍然为假,则行json.aaData.splice()将不会被执行,oCache.lastJson将失败。

您需要处理oCache.lastJson未填充(或仅部分填充)的情况:

  • 通过使用默认属性初始化else{ if(oCache.lastJson.aaData) { json = jQuery.extend(true, {}, oCache.lastJson); json.sEcho = sEcho; /* Update the echo for each response */ json.aaData.splice( 0, iRequestStart-oCache.iCacheLower ); json.aaData.splice( iRequestLength, json.aaData.length ); fnCallback(json); } }
  • 通过在尝试使用它们并进行相应操作之前测试是否存在属性,

例如:

if

我不知道这是否100%正确。您可能需要在json.aaData.splice...子句中加入较少的内容,例如,仅抑制从{{1}}开始的两行可能是合适的。