为 jQuery AJAX 调用添加超时

Question

作为knockout.js 网格的一部分，我继承了以下内容。

当您单击图像输入时，它会用搜索结果填充网格。

如果服务器超时（比如 30 秒），我希望它重新加载页面，但我对 jQuery 很陌生，不知道从哪里开始。

我可以在代码中看到success，并且找到了很多关于计时的资源，但不确定要测试什么或在哪里测试等等。

如果可以请告知，提前谢谢！

self.submitSearch = function () {
    $("#foundMembersTableParent").block({ message: '<img src="/Content/images/spinnerLarge.gif" /> Searching...' });
    self.selectedMembers.removeAll();
    fnOnSearch();
    $.ajax({
        type: 'POST',
        url: '/Members/MSearch',
        contentType: "application/json; charset=utf-8",
        data: self.getFormData(),
        success: function (data) {
            self.members($.map(data.searchResults, function (item) { return new Members(item) }));
            $("#foundMembersTableParent").unblock();
        },
        dataType: "json"
    });
}

self.getFormData = function () {
    var frmobj = $('#complexSearchForm').serializeObject();
    return JSON.stringify(frmobj);
 }

Answer 1

只需将timeout 和error 处理程序添加到您的ajax 请求中：

$.ajax({
    type: 'POST',
    url: '/Members/MSearch',
    contentType: "application/json; charset=utf-8",
    data: self.getFormData(),
    success: function (data) {
        self.members($.map(data.searchResults, function (item) { return new Members(item) }));
        $("#foundMembersTableParent").unblock();
    },
    dataType: "json",
    timeout: 30000,      // 30 seconds
    error: function(qXHR, textStatus, errorThrown) {
        if (textStatus === "timeout") {
            // request timed out, do whatever you need to do here
        }
        else {
            // some other error occurred
        }
    }
});

查看文档：https://api.jquery.com/jQuery.ajax/

作为一个疯狂的猜测，我想你可能正在使用这个插件：

http://malsup.com/jquery/block/#element

在这种情况下，在您的 error 处理程序中，您真正需要做的就是：

$("#foundMembersTableParent").unblock();

恢复网格的功能。当然，您可能还想在某处显示错误消息，以便用户了解表未更改的原因。