2012-07-18 7 views
5

jQuery UIオートコンプリートプラグインを使用して、一致する要素のドロップダウンリストを作成するクイック検索バーを作成しています。jQuery UIオートコンプリート - ソースからのHTTPエラーをキャッチ

すべてうまく動作しますが、HTTPエラーを処理する検索プラグインを用意したいと思います。これはajax呼び出しに由来します。

これを処理する方法が見つかりませんでした。私はドキュメントを読む:http://jqueryui.com/demos/autocomplete/しかし、このようなイベントやコールバックは、このシナリオで使用できる 'エラー'と呼ばれるようです。

私が達成したいのは、ユーザーにサーバー側でエラーが発生したことを知らせるアラートボックスです。

誰かが私にこの例を教えてくれますか?

ありがとうございます!

答えて

11

http://jqueryui.com/demos/autocomplete/から、リクエストと応答の2つのパラメータを取る関数としてソースを使用できます。したがって、httpエラーを処理する1つの方法は、次のように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

+1

スピナーを削除するには、エラーハンドラに '$("#autocomplete ")。removeClass(" ui-autocomplete-loading ");を追加します。 – Leonid

関連する問題