2012-07-18 102 views
5

我使用jQuery UI自动完成插件来创建一个快速搜索栏将填充匹配元素的下拉列表中捕获HTTP错误。jQuery用户界面自动完成 - 从源头

一切工作正常,但我想我准备搜索插件来处理HTTP错误以及来自AJAX调用。

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

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

会有人给我一个这样的例子?

谢谢!

回答

11

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

真棒!谢谢! – papaiatis 2012-07-18 14:16:33

+1

可能希望添加'$(“#autocomplete”)。removeClass(“ui-autocomplete-loading”);'向错误处理程序移除微调器。 – Leonid 2013-11-29 23:01:51

相关问题