온라인으로 찾은 Typeahead의 사용 방법에 따르면 마지막 단계에서 오류가 발생했습니다. 데이터는 데이터베이스에서 읽을 수 있지만 입력 상자에 프롬프트가 표시되면 모두 표시됩니다. 오랫동안 탐색 한 후, 나는 문제가 무엇인지 알 수 없었습니다. 나중에 실수로 http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8BootStrap-typeahead%E6%8f%92%E4%BB%B6 : "에서이 문장을 발견했습니다. 원천." 온라인 방법에 따라 소스에서 Ajax 메소드를 직접 호출하기 때문에 상기시켜주었습니다.
현재 ACE 데모를 되돌아 보면 Ajax에게 전화 할 예는 없지만 사용 방법을 설명 할 수있는 의견도 있지만 영어로되어 있습니다 (주제가 : 기술을 통해 영어를 이해하는 것이 중요합니다.), 잠시 후에는 마침내 올바르게 표시 될 수 있습니다. 코드는 다음과 같이 게시됩니다.
JS 코드
<script type = "text/javaScript"> jQuery (function ($) {//typeahead.js//example at : https://twitter.github.io/typeahead.js/examples/var substritmatcher = function () {// subtringmatcher () {//chery it (query it) 장착 키워드, ProcessJ는 반환 된 값 Var var var var matches, var params = { "token": getStorage ( "token"), "flag": 0, "name": query}; var parameter_st = ""; for (var) {parameter_str+= "& key+"= "+params]; fullUrl = getOption ( "gykj_host")+"Institution/List?"+getOption ( "gykj_callbackparam")+"="+getOption ( "gykj_callbackfu nc ")+parameter_str; $ ("#submenu_info "). html (fullUrl); $. ajax ({url : fullUrl, type : 'get', datatype :"jsonp ", jsonp : getoptio n ( "gykj_callbackparam"), jsonpcallback : getOption ( "gykj_callbackfunc"), Async : false, error : function () {alert ( "list :"+ge toption ( "ConnectionErrorMessage");}, success : function (data) {// $ ( "#submenu_info"). html (fullUrl); if (data.code == 0) {var arr, substringregex; arr = []; substregex = new regexp (query); // 이것은 밑면이어야하거나 여전히 밑에있는 것으로 나타나거나 (data.data의 var 항목) {var str = data.data [item] .name; if (substregex.test (str)) {// typeahey plugin의 제안을 기대하고있다. 자세한 내용은 process ({value : str});}} process (arr);}}})}}}} $ ( 'input.typeahead'). typeahead ({hint : true, cighlight : true, minlength : 1}, {name : 'states', displaykey : 'value', 'source : source : septringmatcher () // 그리고 substringmatcher () 메소드가 사용됩니다});}); </script>HTML
<!-이 페이지와 관련된 인라인 스크립트-> <script src = "../ assets/js/ace-elements.js"> </script> <script src = "../ assets/js/typeahead.jquery.js"> </script> <input> <ind id = "name"place Holder = "autocomplet ="off "
위의 내용은 부트 스트랩 타이프 아이 헤드 플러그인을 사용하여 입력 상자를 자동으로 완료하는 문제와 솔루션입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!