オートコンプリート検索イベントのカスタマイズ方法

Question

オートコンプリートプラグインが検索と一緒に追加のパラメータを送信するように設定しようとしています。私は、オートコンプリート検索イベントを調べましたが、プラグインが機能するためには、そのような関数が何をする必要があるのか​​についてのドキュメントは見つかりませんでした。

console.log（...）を検索イベントに挿入しようとしましたが、コンソールに表示されませんでした。

文字を入力すると、サーバーに送信されるパラメータを変更したいと思います。

私がこれまで持っているコードは、このです：

$('#contacts').autocomplete({ 
     source: 'autocompleteContacts', 
     focus: function(event, ui) { 
      $("#contacts").val(ui.item.label); 
      return false; 
     }, 
     select: function(event, ui){ 
      $("#contacts").val(ui.item.label); 
      selectedID = ui.item.value; 
      return false; 
     }, 
     search: function(event, ui){ 
      var str = ''; 
      for(var attr in event){ 
       str += attr.toString() + '\n'; 
      } 
      console.log(str); 

      var str2 = ''; 
      for(var attr in ui){ 
       str2 += attr.toString() + '\n'; 
      } 
      console.log(str2); 
     } 
    }); 

をしかし、私が言ったようにオートコンプリートがいつものように動作しますが、何も、コンソールに表示しません。

Answer 1

あなたが探しているのは、sourceオプションです。あなたは、検索を実行し、独自の機能を指定することができます。

$("#autocomplete").autocomplete({ 
    source: function (request, response) { 
    /* request.term is the search term, response is a callback function your 
     code must call with the results */ 
     $.ajax({ 
      url: "your_source_url", 
      dataType: "json", 
      data: { 
       term: request.term, 
       myData: "foobar" 
      }, 
      success: response, 
      error: function() { 
       response([]); 
      } 
     }); 
    } 
}); 

remote with JSONP exampleは良い出発点です。