2012-07-18 53 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

相關問題