jQueryUI - json에서 드롭 다운을 표시하지 않는 자동 완성

Question

.jsp 파일을 사용하여 자동 완성을하려고하지만 드롭 다운이 표시되지 않습니다.

var cod = document.getElementById('item').value; 

$('input#item').autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "autocomplete.jsp?cod="+cod, 
      dataType: "json", 
      minLength: 2, 
      data: { 
      maxRows: 12 
      }, 
      success: function(data) { 
       alert(data); 
       response(data); 
      } 
     }); 
     } 
}); 

Chrome에서 '네트워크'를 찾았으며 매개 변수와 함께 URL을 호출하고 확인을 반환하지만 드롭 다운이 표시되지 않습니다. 추신 : '알림 (데이터)'의 알림 대화 상자도 표시되지 않습니다.

Answer 1

너는 너무 열심히 노력하고있어 너는 필요없는 것들을하고있어. 자동 완성 함수를위한 매개 변수 중 일부는 minLength 대신 ajax 함수에 전달됩니다. 이 같은 전화를하자 구조 조정 : 당신의 JSP에서

$(window).load(function() { 
    $('input#item').autocomplete({ 
     source: 'autocomplete.jsp?maxRows=12', 
     minLength: 2, 
     select: function (event, ui) { 
      alert(ui.item.value + ' ' + ui.item.label); 
     }, 
    }); 
}); 

대신 "대구"의 당신은라는 이름의 매개 변수를받을 것이다 "라는 용어를." 이것은 자동 완성 위젯의 자동 동작입니다.

jsp가 JSON 배열을 반환해야합니다. 이 배열의 각 요소는 "value"와 "label"의 두 멤버가 포함 된 배열이기도합니다.