2012-05-25 3 views
2

HttpHandler - .ashx 파일로 작업하는 Jquery 자동 완성 기능이 있습니다. 괜찮아요, 내가 거기 뒤에있는 코드에서 [WebMethod]와 함께 자동 완성을 사용하는 쉬운 방법이 궁금 해서요 - 거기에 어떤 이점이 있습니까?Jquery 자동 완성 .NET WebMethod

답변

6

HttpHandler를 및 웹 서비스를 모두 구현은 동일하게 수행은 경량으로,
그러나 나는 웹 서비스는 요청을 별도의 페이로드를 추가 & 응답 XML 데이터를 인코딩 다른 측면에서,
을 HttpHandler를 선호합니다. 웹 방식으로

POP JqueryUI 자동 완성 :
http://blog.nitinsawant.com/2011/09/integrating-jquery-ui-autocomplete-in.html

JS :

$(document).ready(function() { 
      $("#<%=txtAutoComplete.ClientID %>").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: "webservice/TestService.asmx/SearchData", 
         data: "{ 'q': '" + request.term + "', 'limit': '10' }", 
         dataType: "json", 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         dataFilter: function (data) { return data; }, 
         success: function (data) { 
          response($.map(data.d, function (item) { 
           return { 
            label: item.Name, 
            value: item.id + "" 
           } 
          })) 
         } 
        }); 
       } 
      }); 
}); 


C 번호 :

[System.Web.Services.WebMethodAttribute(), System.Web.Script.Services.ScriptMethodAttribute()] 
public List<tdata> SearchData(string q, int limit) 
{ 
    return new List<tdata> { new tdata { id = 0, name = "nitin" } }; 
}