De acordo com o método de uso do TypeAhead encontrado on -line, ocorreu um erro na última etapa. Os dados podem ser lidos no banco de dados, mas quando o prompt é exibido na caixa de entrada, tudo é exibido como: subfinado. Depois de explorar por um longo tempo, não consegui descobrir qual era o problema. Later, I accidentally found this sentence on http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8bootstrap-typeahead%E6%8F%92%E4%BB%B6: "In the current version of typeahead, it is no longer supported to directly call the ajax method in the source attribute to obtain the fonte de dados. " Lembrei -me porque, de acordo com o método online, chamo diretamente o método Ajax na fonte.
Olhando para a demonstração atual da ACE, embora não haja exemplo de chamar Ajax, também há comentários para explicar como usá-lo, mas é em inglês (fora do tópico: é realmente importante entender o inglês fazendo tecnologia.) E depois de um tempo, ele pode finalmente ser exibido corretamente. O código é publicado da seguinte forma:
Código JS
<script type = "text/javascript"> jQuery (function ($) {//typeahead.js//example retirado da página do plug -in em: https://twitter.github.io/typeahead.js/examples/VAR SubtringMatcher = function () {/ // SubstringMingMatherMingMatherm/examples/VAR) A palavra -chave equipada, processoj é o valor retornado var correspondente, substringregex; var params = {"token": getStorage ("token"), "sinalizador": 0, "name": query}; var parameter_str = ""; para (var chave em parâmetro) {parameter_str+= "&" & " Fullurl = getOption ("gykj_host")+"instituição/list?"+getOption ("gykj_callbackparam")+"="+getOption ("gykj_callbackfu nc ")+parameter_str; $ ("#submenu_info "). html (fullurl); $. ajax ({url: fullurl, type: 'get', datatype:" jsonp ", jsonp: getptio n ("gykj_callbackparam"), jsonpcallback: getOption ("gykj_callbackfunc"), assíncrono: false, erro: function () {alert ("list:"+ge TOPTION ("ConnectionErRorMessage"));}, Sucesso: function (dados) {// $ ("#submenu_info"). html (fullurl); if (data.code == 0) {var arr, substringRegex; arr = []; substrregex = novo regexp (consulta); // isso deve ser, ou ainda aparece como subfinado (var item em data.data) {var str = data.data [item] .name; if (subtrgex.test (string) {/typinHead] Docs para mais infoarr.push ({value: str});}} Process (arr);}}})}} $ ('input.typeeahead'). TypeAhead ({hint: hint: hight, true: SubstringM: 1}, {name: 'States', o Display: 'Value', Versão e o método substringMatcher () é usado});}); </script>html
<!-scripts embutidos relacionados a esta página-> <script src = "../ Assets/js/ACE-Elements.js"> </script> <script src = "../ Assets/js/typeeAhead.jQuhery.js"> </script> <input = "text" iD = "name" Praça
O exposto acima é o problema e a solução para usar o plug-in do Bootstrap TypeAead para preencher automaticamente a caixa de entrada. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!