자동 완성 검색 이벤트를 사용자 정의하는 방법

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가 좋은 출발점입니다 : 당신은 검색을 수행하는 함수를 직접 지정할 수 있습니다.