顺序调用上的 jQuery 自动完成在 IE7 独立上抛出 JS 错误

Question

我们有一个文本框与 jQuery UI Autocomplete v1.8.14 相结合，

它基本上工作得很好并且没有错误，除了 IE7 独立中的某些情况之外。假设用户正在输入一个字母，并且第一个 AJAX 请求发出以获取自动完成器结果。响应尚未返回，但用户输入了另一个字母。此时，第一个请求将默认中止，并启动第二个请求以检索新搜索字符串的新结果。这是有道理的，因为它节省了带宽并损失了执行时间，但不幸的是它在 IE7 上失败了。

下图显示了在 Firefox 中使用 Firebug 会发生什么情况。基本上所有浏览器都可以正常工作，除了 IE7（甚至 IE6 和 IE8）。

有人见过这样的东西吗？最终有人知道是否可以强制自动完成程序完成已启动的请求而不是中止它们？还有其他想法吗？

非常感谢，非常感谢任何帮助！

Answer 1

我有预感您只是使用 source 选项的字符串值并为其提供一个 URL。如果 AJAX 请求正在进行，您关于小部件中止 AJAX 请求的说法是正确的。 查看此代码段小部件的源代码：

url = this.options.source;
this.source = function(request, response) {
    if (self.xhr) {
        self.xhr.abort(); // <-- Problematic line.
    }
    self.xhr = $.ajax({
        url: url,
        data: request,
        dataType: "json",
        autocompleteRequest: ++requestIndex,
        success: function(data, status) {
            if (this.autocompleteRequest === requestIndex) {
                response(data);
            }
        },
        error: function() {
            if (this.autocompleteRequest === requestIndex) {
                response([]);
            }
        }
    });
}

如果您将字符串传递给 source 参数，您可以轻松地将其替换为手动执行 AJAX 调用的函数（并且不会中止请求）：

source: function (request, response) {
    $.ajax({
        url: "your_url",
        data: request.term,
        dataType: "json",
        success: function(data, status) {
            response(data);
        }
    });
}

（未经测试，但应该让您朝着正确的方向前进）

Answer 2

我们最终通过将调用放入 try-catch 块中解决了这个问题，并在 IE7 中触发时忽略错误。

这可能不是完美的方法，但中止请求的好处对于其他浏览器仍然有效。