jQueryUI 자동 완성 원격 소스가 잘못 표시되었습니다

Question

텍스트 상자에 jQuery 자동 완성 기능이 있습니다.

$("#SearchBox1").autocomplete({ 
    autoFocus: false, 
    source: "Home/AutoComplete", 
    select: function (event, ui) { 
    alert(ui.item.label); 
    } 

URL이 경로를 포함하지 않는

이, JQuery와 자동 완성이 작동하지만 URL은 localhost/home/GoToPage/?page=2 같은 것을 포함하는 경우, 다음 자동 완성 /home/GoToPage/Home/AutoComplete를 사용하려고 : 자동 완성을 초기화하는 코드입니다. 이 시점에서 불완전한 경로를 사용하고 있기 때문에 자동 완성 기능이 완전히 손상되었습니다.

이 문제를 해결할 수있는 좋은 방법이 있습니까?

Answer 1

한 가지 가능한 솔루션은 MadRabbit의 코멘트를 기반으로, 댄 Wellman의 jQueryUI 자동 완성 튜토리얼 http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/

$("#SearchBox1").autocomplete({ 
     autoFocus: false, 
     source: function (request, callback) { 
      //pass request to server 
      $.getJSON("Home/AutoComplete?term=" + request.term, request, function (responseData) { 

       //create array for response objects 
       var suggestions = []; 

       //process response 
       $.each(responseData, function (i, val) { 
        suggestions.push(val); 
       }); 
       //pass array to callback 
       callback(suggestions); 
      });    
     },  
     select: function (event, ui) { 
      $('#SearchBox1').val(ui.item.label);       
    } 
});