jQuery UI 自动完成 - 从源捕获 HTTP 错误

Question

我正在使用 jQuery UI 自动完成插件创建一个快速搜索栏，该搜索栏将填充匹配元素的下拉列表。

一切正常，但我想准备我的搜索插件来处理来自 ajax 调用的 HTTP 错误。

我没有找到处理这个问题的方法。我通读了文档:http://jqueryui.com/demos/autocomplete/但似乎没有这样的事件或回调称为“错误”可用于此场景。

我想要实现的是一个警告框，告诉用户服务器端出现错误。

有人能给我举个例子吗？

谢谢!

Answer 1

来自http://jqueryui.com/demos/autocomplete/您可以将源用作带有两个参数(请求和响应)的函数。因此，处理 http 错误的一种可能方法是使用 jQuery ajax 调用捕获它们，如下所示:

    $( "#autocomplete" ).autocomplete({
        minLength: 2,
        source: function( request, response ) {
            $.ajax({
                url: "query.php",
                data: { query: request.term},
                success: function(data){
                    response(data);
                },
                error: function(jqXHR, textStatus, errorThrown){
                    alert("error handler!");                        
                },
              dataType: 'json'
            });
        }
    });​