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

时间:2012-07-18 09:15:53

标签: jquery jquery-ui jquery-ui-autocomplete

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

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

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

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

有人会举个例子吗?

谢谢!

1 个答案:

答案 0 :(得分:12)

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'
            });
        }
    });​