处理数据表中的会话超时（使用服务器端数据源处理）

Question

我有一个由服务器端 Ajax 数据源支持的数据表表单（它在后端使用 struts 操作来处理请求、获取数据并发送 JSON 响应）。 服务器端操作需要在身份验证模式下运行，即需要有一个活动会话。

处理数据表中会话超时错误的最佳方法是什么？目前它只是显示 JSON 格式错误，这对于用户来说不是最佳选择。出于明显的原因（兼容性、未来的可维护性等），我不想去更改数据表代码。有没有一种巧妙的方法来处理错误？

我正在考虑在 JSON 响应中嵌入错误消息，但是在前端流程中拦截它的最佳位置在哪里？

编辑：我认为进行此类后处理的最佳位置是在 fnServerData 中，我对吗？

Answer 1

我会发回包含某种错误代码的 JSON 响应。要处理它，您需要像您猜测的那样定义 fnServerData 。但是，在使用错误回调之前，我会强烈考虑用例，原因如下：

错误只是获取资源的任何问题，并使用状态代码。假设会话在服务器上终止。用户请求数据，服务器返回500错误。错误回调说：“好吧，这很糟糕。让我们重定向到登录页面。”一切都很好。

然而......用户提出了请求。无论出于何种原因（大数据集、网络条件），该请求都会花费一点时间。与此同时，用户决定导航到另一个页面，从而中断呼叫响应循环。如果没有响应，错误回调将被触发，用户将被重定向到登录页面（或错误回调中设置的任何函数）。

问题是，我不知道“会话已过期”的状态代码（不过，我很想知道！我不介意在这里犯错！），以便捕获和处理。

我并不是说你“不应该”或“不能”使用错误回调。但该函数必须考虑会话过期以外的错误。您可能需要根据状态代码进行不同的处理。如果您的函数能够优雅地处理所有这些情况，那就太好了！在一个应用程序中，我们确实重定向到登录页面，并且错误回调通常会由于误报而出错，从而将用户错误地转储到登录页面。对于“会话已过期”的情况，我们通过 JSON 消息在成功回调中捕获它。

[在 Dave 的精彩评论后更新：] 如果您的服务器返回一个有用的服务器错误（401、403、550 或任何在您的场景中有意义的错误），则在 .ajax() 调用中使用 fnServerData 和 statusCode 参数（这太拗口了！ ）也会同样有效。我认为这是相同的工作量：通过您已经编写的方法返回 JSON，或者通过您应该已经有权访问的方法返回状态错误。选择对您有意义的一项。

Answer 2

下面的技术对我有用......我知道响应已经太晚了，但希望代码能帮助别人

1）检查控制器（MVC）中的会话是否超时并返回
应该在客户端处理的状态代码

if (!Request.IsAuthenticated)
{
    return new HttpStatusCodeResult((HttpStatusCode)302, "Authentication timeout");
}

2) 在客户端使用 jQuery 全局 ajax Error，它捕获所有 ajax 调用的错误。检查状态代码并重定向到您的登录页面

$(document).ajaxError(function (event, jqxhr, settings, thrownError) {
   if (jqxhr.status === 302) {
      document.location.href = '/account/login';
   }
});

3) [可选]禁用数据表中的警告并检查控制台中的错误

/*disable datatable warnings*/
$.fn.dataTable.ext.errMode = 'none';

/*display warnings in the console*/
$tblDashboard.on('error.dt', function (e, settings, techNote, message) {
      console.log('An error has been reported by DataTables: ', message);
});

Answer 3

尽管这个问题已经被问了很长时间了，但如果有人需要的话，我还是会发布我的解决方案。

此解决方案适用于 JQuery Datatables 版本 1.10.16。

经过一番挖掘后，我发现了在会话过期时显示警报的功能。如下所示：

/**
     * Log an error message
     *  @param {object} settings dataTables settings object
     *  @param {int} level log error messages, or display them to the user
     *  @param {string} msg error message
     *  @param {int} tn Technical note id to get more information about the error.
     *  @memberof DataTable#oApi
     */
    function _fnLog( settings, level, msg, tn )
    {
        msg = 'DataTables warning: '+
            (settings ? 'table id='+settings.sTableId+' - ' : '')+msg;

        if ( tn ) {
            msg += '. For more information about this error, please see '+
            'http://datatables.net/tn/'+tn;
        }

        if ( ! level  ) {
            // Backwards compatibility pre 1.10
            var ext = DataTable.ext;
            var type = ext.sErrMode || ext.errMode;

            if ( settings ) {
                _fnCallbackFire( settings, null, 'error', [ settings, tn, msg ] );
            }

            if ( type == 'alert' ) {
                alert( msg );
            }
            else if ( type == 'throw' ) {
                throw new Error(msg);
            }
            else if ( typeof type == 'function' ) {
                type( settings, tn, msg );
            }
        }
        else if ( window.console && console.log ) {
            console.log( msg );
        }
    }

正如您所看到的，对类型变量进行检查以查看它是否是函数。如果是，它就会被调用。请注意，类型变量是这样获取的：

var type = ext.sErrMode || ext.errMode;

所以我这样做了：

//Check the message and redirect
  $.fn.dataTable.ext.errMode = function (settings, tn, msg) {
    if (msg.indexOf("YourErrorCode") != -1) {
      window.location = "/login";
    }
  }

只需将 YourErrorCode 替换为您需要的即可，它将起作用。
我承认这不是最干净的代码，但它确实有效。

Answer 4

我已经使用比尔·马蒂诺的答案完成了这里：
http://datatables.net/forums /discussion/4377/catch-text-returned-from-server-side-ajax-call

"fnServerData": function ( sSource, aoData, fnCallback ) {
    // get filter ID
    var filter_id = $('#storedFilter_id').val();
    // send filter ID
    aoData.push(
        { "name": "filter_id", "value": $.trim(filter_id) }
    );
    $.getJSON( sSource, aoData, function (json) {
        // check for expired session being returned, if so, send the user back to the login page
        if(json.error == 'expired'){
            document.location.href='index.cfm?fuseaction=login.form';    
        }
        else{
            fnCallback(json)
        }

     });
}

在 Ajax 源响应中，您应该返回一个如下所示的 Json 字符串：

{"error": "expired"}

Answer 5

1.在获取ajax错误页面中使用此代码。或者也使用页脚文件。此代码在重定向到登录页面后在会话超时时工作，不会出现 ajax 错误。

$(document).ajaxError(function(event, jqxhr, settings, exception) {

if (exception == 'Unauthorized') {
    // Prompt user if they'd like to be redirected to the login page
    window.location = '<?=route("admin.login")?>';

    }
});
function CheckSession() {
    var session = '<%=Session["name"] != null%>';
    //session = '<%=Session["username"]%>';
    if (session == false) {
        window.location = '<?=route("admin.login")?>';
    }
}

setInterval(CheckSession(),500);

2.单击在出现错误时调用函数的按钮..将一行放入函数中，

 $.fn.dataTable.ext.errMode = 'none';

如一个示例

function ChangeUrl(){
        $.fn.dataTable.ext.errMode = 'none';
        product_table.fnStandingRedraw();
    }