2017-12-29 25 views
-2

아래 코드를 사용하고 싶지만 "tags"변수 대신 원격 데이터를 사용하고 싶습니다. Rest API를 통해 데이터를 가져 오기 위해 URL을 사용하고 싶습니다. 이JQUERY 원격 데이터로 입력하는 동안 자동 완성

$("#rfc_cta_ord").autocomplete({ 
    source:'/erp_invoice/get_all_RFC_bank_json' 
}); 
+0

목록을로드하려는 'API'의 'URL'은 무엇입니까 fr 톰? –

+0

"/ erp_invoice/get_all_RFC_bank_json"이 로컬에서는 작동합니다 – Crack81

+0

[문서 예] (https://jqueryui.com/autocomplete/#remote-jsonp)는 어떻게됩니까? ("소스보기"링크를 클릭하십시오)? –

답변

1

source 옵션 유사한

var tags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]; 
$("#field").autocomplete({ 
    source: function(request, response) { 
    var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i"); 
    response($.grep(tags, function(item) { 
     return matcher.test(item); 
    })); 
    }, 
    disabled: true, 
}); 

세 변이

  • 배열
  • 문자열
  • 함수 (콜백)
  • ,617 사용될 수있다

콜백은 유연성이 뛰어나며 JSONP를 포함한 모든 데이터 소스를 자동 완성에 연결할 수 있습니다. API 당신이 원하는

에서 목록을로드하는 기존 기능에 다음 코드 청크를 대체 할 수

  • 요청
  • 응답 : 콜백은 두 개의 인수를 가져옵니다
    source:function(request, response) { 
         jQuery.getJSON(
         "YOUR_API_URL?callback=?&q=" + request.term, 
         function(data) { 
          response(data); 
         } 
        ); 
        },