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

pap*_*tis 7 jquery jquery-ui jquery-ui-autocomplete

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

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

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

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

有人会举个例子吗?

谢谢!

小智 14

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'
            });
        }
    });?
Run Code Online (Sandbox Code Playgroud)

  • 可能想在错误处理程序中添加`$(“#autocomplete”)。removeClass(“ ui-autocomplete-loading”);`以删除微调器。 (2认同)