Selon la méthode d'utilisation de Typeahead trouvée en ligne, une erreur s'est produite à la dernière étape. Les données peuvent être lues à partir de la base de données, mais lorsque l'invite est affichée dans la zone d'entrée, tout est affiché comme: sous-alimenté. Après avoir exploré longtemps, je n'ai pas pu découvrir quel était le problème. Plus tard, j'ai trouvé accidentellement cette phrase sur http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%BB%BB6: "Dans la version actuelle de la source, il n'est pas pris en charge directement pour appeler la méthode AJax de la source dans la source, il n'est pas pris en charge pour dire directement la méthode AJax dans la source de la source, il n'est pas pris en charge pour dire directement la méthode AJAX dans la source de la source, il n'est pas pris en charge pour dire directement la méthode AJax dans la source de la Source, il n'est pas pris en charge pour dire directement la méthode AJax dans la source de la Source. source." Je me suis rappelé parce que selon la méthode en ligne, j'appelle directement la méthode Ajax dans la source.
En regardant en arrière la démo actuelle de l'as, bien qu'il n'y ait pas d'exemple d'appel Ajax, il y a aussi des commentaires pour expliquer comment l'utiliser, mais c'est en anglais (hors sujet: il est vraiment important de comprendre l'anglais en faisant la technologie.), Et après un certain temps, il peut enfin s'afficher correctement. Le code est affiché comme suit:
Code JS
<script type = "text / javascript"> jQuery (function ($) {//typeahead.js//example tiré à partir de la page du plugin à: https://twitter.github.io/typeahead.js/examples/var substratringmatcher = function () {// substratmather () méthode de retour function de retour final Mot-clé équipé, Processj est la valeur renvoyée var correspond, substringRegex; var params = {"token": getStorage ("token"), "flag": 0, "name": query}; var paramètre_str = ""; for (var key in params) {paramètre_str + = "&" + key + "=" + params [key];} var [var [clés var); fulrl = getOption ("gykj_host") + "institution / list?" + getOption ("gykj_callbackparam") + "=" + getOption ("gykj_callbackfu nc ") + paramètre_str; $ (" # submenu_info "). html (fulrl); $. ajax ({url: fulrl, type: 'get', dataType:" jsonp ", jsonp: getOptio n ("gykj_callbackparam"), jsonpcallback: getOption ("gykj_callbackfunc"), async: false, error: function () {alert ("list:" + ge toption ("ConnectionErrorMessage"));}, succès: fonction (data) {// $ ("# submenu_info"). html (fulrl); if (data.code == 0) {var Arr, substringRegex; arr = []; substrregex = new regexp (query); // il faut l'être, ou il apparaît toujours comme sous-orifice (var item dans data.data) {var str = data.data [élément] .name; if (substrregex.test (str)) {// le type de typing jqueery s'attend à ce que les suggestions de type tactaxe s'attendent à un objet Typeahead jquery Docs for More InfoRarr.push ({Value: Str});}} Process (arr);}}})}} $ ('input.typeahead'). Typeahead ({Hint: true, saillante: true, MinLength: 1}, {name: 'States', DisplayKe Version, et la méthode substringmatcher () est utilisée});}); </script>html
<y!
Ce qui précède est le problème et la solution à l'utilisation du plug-in Bootstrap Typeahead pour compléter automatiquement la zone d'entrée. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!