Menurut metode penggunaan typeeyhead yang ditemukan online, terjadi kesalahan pada langkah terakhir. Data dapat dibaca dari database, tetapi ketika prompt ditampilkan di kotak input, semuanya ditampilkan sebagai: diremehkan. Setelah menjelajahi untuk waktu yang lama, saya tidak bisa mengetahui masalah apa itu. Kemudian, saya secara tidak sengaja menemukan kalimat ini di http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8BOTTOTSTRAP-TYPEADEH THE SUMBREAD THE SUMBREAD NO LEADLE LEADD LEADION THE LEADLE LEADD LECKAD LEADLE4%BB6: "Dalam versi saat ini, itu adalah TypeAhead, itu adalah TypeAED NO LEADLEHEAD LEADIONAL LEADLE4%BB6:" sumber." Saya mengingatkan saya karena menurut metode online, saya langsung memanggil metode AJAX di sumbernya.
Melihat kembali demo ACE saat ini, meskipun tidak ada contoh memanggil Ajax, ada juga komentar untuk menjelaskan bagaimana menggunakannya, tetapi dalam bahasa Inggris (di luar topik: sangat penting untuk memahami bahasa Inggris dengan melakukan teknologi.), Dan setelah beberapa saat, akhirnya dapat ditampilkan dengan benar. Kode diposting sebagai berikut:
Kode JS
<script type = "text/javaScript"> jQuery (function ($) {//typeead.js//example diambil dari halaman plugin di: https://twitter.github.io/typeAhead.js/examples/var substringmatcher = function () {// substring {query) function (function) {) {//xamples function (function) {//stringMatcher (function) {//xamples function (function) {) {) {//xamples function (function) {) {//xamples function (function) kata kunci yang dilengkapi, prosesj adalah nilai yang dikembalikan var cocok, substringregex; var params = {"token": getStorage ("token"), "flag": 0, "name": query}; var parameter_str = ""; untuk (var key di params) {parameter_str+= "&"+"=" = "=" = "=" = "=" = "=" = "+" = "+" = "+" = "+" = "+" fullUrl = getOption ("gykj_host")+"institution/list?"+getOption ("gykj_callbackparam")+"="+getOption ("gykj_callbackfu nc ")+parameter_str; $ ("#submenu_info "). html (fullUrl); $. ajax ({url: fullUrl, ketik: '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 = []; substrregex = regexp baru (kueri); // Ini harus, atau masih muncul sebagai kurang dari (item var dalam data.data) {var str = data.data [item] .name; docs for more infoarr.push({ value:str});}}process(arr);}}})}}$('input.typeahead').typeahead({hint: true,highlight: true,minLength: 1}, {name: 'states',displayKey: 'value',source: substringMatcher()//The ajax method cannot be called directly in the source property of the current Versi, dan metode substringmatcher () digunakan});}); </script>html
<!-Script inline yang terkait dengan halaman ini-> <skrip src = "../ aset/js/ace-elements.js"> </script> <script src = "../ aset/js/typeahead.jQuery.js"> </script> <input = "text" id = "name" name "name =" name = "name =" name = "name =" aute = "aute =" name = "name =" name = "name =" name = "name =" name "name" name "name" name "name" name "name" name "name" name "
Di atas adalah masalah dan solusi untuk menggunakan plug-in Typealhead Bootstrap untuk secara otomatis melengkapi kotak input. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!