4.3.1版本自动取消reuest jqGrid

Question

我已经检查了下面的链接，但解决方案仅在 4.3.2 版本之后提供支持 目前我使用的是 4.3.1 版本，它不支持触发器处理程序。有没有其他方法可以在 4.3.1 版中解决这个问题。因为目前我无法升级到更新版本。更改 jqgrid 核心 js 文件也可以。

我需要解决以下问题，我已经在链接中提出了同样的问题

如果用户在响应返回之前进行了另一个过滤器选择，则网格不会取消现有请求，也不会提交新请求，因此在用户进行第二次选择后，网格会更新以显示第一个选择的响应。此外，当您更改过滤器选择时，网格会自动更新，因此要让它显示您想要的数据，您必须将您的选择更改为其他内容，等待加载，然后再将其更改回来。

Automatically canceling jqGrid request

Answer 1

为了能够取消将由 jqGrid 发送的底层 Ajax 请求，需要访问jqXHR 对象，它是XMLHTTPRequest 对象的超集。该对象具有abort() 方法，可用于取消挂起的Ajax 请求。

9 年前我发布了the answer，在那里我描述了即使在非常旧的 jqGrid 版本中也可以访问jqXHR 对象。如果您使用 jqGrid 4.3.1，那么您可以执行以下操作：

1) 将以下回调添加到您的代码或修改现有回调 loadBeforeSend、beforeProcessing 和 loadError 以初始化或清除新的 jqXhr 参数：

loadBeforeSend: function (jqXhr) {
    this.p.jqXhr = jqXhr;
    return true;
},
beforeProcessing: function () {
    this.p.jqXhr = null;
    return true;
},
loadError: function () {
    this.p.jqXhr = null;
}

2) 使用以下代码向 jqGrid 添加新方法 abortAjaxRequest

$.jgrid.extend({
    abortAjaxRequest: function () {
        return this.each(function () {
            if (this.p.jqXhr != null) {
                this.p.jqXhr.abort();
            }
            this.grid.endReq.call(this);
        });
    }
});

之后，您可以使用$("#list").jqGrid("abortAjaxRequest"); 之类的代码来取消挂起的 Ajax 请求。如果需要测试是否存在未决的Ajax请求，可以测试$("#list").jqGrid("getGridParam", "jqXhr");是否不是null。

更新：方法endReq 未保存在this.grid 中。 abortAjaxRequest 的正确代码如下：

$.jgrid.extend({
    abortAjaxRequest: function () {
        return this.each(function () {
            if (this.p.jqXhr != null) {
                this.p.jqXhr.abort();
            }
            this.grid.hDiv.loading = false;
            $("#lui_" + $.jgrid.jqID(this.p.id)).hide();
            $("#load_" + $.jgrid.jqID(this.p.id)).hide();
        });
    }
});