ตามวิธีการใช้งานของ TypeAhead ที่พบทางออนไลน์ข้อผิดพลาดเกิดขึ้นในขั้นตอนสุดท้าย ข้อมูลสามารถอ่านได้จากฐานข้อมูล แต่เมื่อพรอมต์จะแสดงในกล่องอินพุตมันจะแสดงเป็น: underfined หลังจากสำรวจเป็นเวลานานฉันไม่สามารถค้นหาได้ว่าปัญหาคืออะไร ต่อมาฉันพบประโยคนี้โดยบังเอิญบน http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8Bootstrap-ypeahead%E6%8F%92%BB%BB6: แหล่งข้อมูล " ฉันเตือนฉันเพราะตามวิธีการออนไลน์ฉันเรียกวิธี AJAX โดยตรงในแหล่งที่มา
เมื่อมองย้อนกลับไปที่การสาธิต Ace ปัจจุบันแม้ว่าจะไม่มีตัวอย่างของการโทร Ajax แต่ก็มีความคิดเห็นที่จะอธิบายวิธีการใช้งาน แต่เป็นภาษาอังกฤษ (นอกหัวข้อ: มันสำคัญมากที่จะเข้าใจภาษาอังกฤษโดยการทำเทคโนโลยี) และหลังจากนั้นไม่นานมันก็สามารถแสดงได้อย่างถูกต้อง รหัสถูกโพสต์ดังนี้:
รหัส JS
<script type = "text/javascript"> jQuery (ฟังก์ชั่น ($) {//typeahead.js//example นำมาจากหน้าปลั๊กอินที่: https://twitter.github.io/typeahead.js/examples/var substringmatcher = function () {// // คำหลักที่ติดตั้ง, processj คือค่าที่ส่งคืน var matches, substringregex; var params = {"โทเค็น": getStorage ("โทเค็น"), "ธง": 0, "ชื่อ": การสืบค้น}; var parameter_str = "" fullurl = getOption ("gykj_host")+"สถาบัน/รายการ?"+getOption ("gykj_callbackparam")+"="+getOption ("gykj_callbackfu nc ")+parameter_str; $ ("#submenu_info "). html (fullurl); $. ajax ({url: fullurl, type: 'get', ประเภทข้อมูล:" jsonp ", jsonp: getoptio n ("gykj_callbackparam"), jsonpcallback: getOption ("gykj_callbackfunc"), async: false, ข้อผิดพลาด: function () {alert ("รายการ:" ge toption ("ConnectionerRorMessage"));}, ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {// $ ("#submenu_info"). html (fullurl); ถ้า (data.code == 0) {var arr, substringregex; arr = []; substregex = ใหม่ regexp (query); // สิ่งนี้ต้องเป็นหรือยังปรากฏเป็น underfinedfor (รายการ var ใน data.data) {var str = data.data [รายการ] เอกสารสำหรับข้อมูลเพิ่มเติม infoarr.push ({value: str});}} กระบวนการ (arr);}}})}} $ ('input.typeahead'). typeahead ({คำแนะนำ: จริง, ไฮไลต์: จริง, minlength: 1}, {ชื่อ: รุ่นและเมธอด substringMatcher () ใช้});}); </script>HTML
<!-สคริปต์แบบอินไลน์ที่เกี่ยวข้องกับหน้านี้-> <สคริปต์ src = "../ สินทรัพย์/js/ace-elements.js"> </script> <สคริปต์ src = "../ ทรัพย์สิน/js/typeahead.jquery.js"> </script> <อินพุตประเภท = "ข้อความ" ชื่อ "
ข้างต้นเป็นปัญหาและวิธีแก้ปัญหาในการใช้ปลั๊กอิน bootstrap typeahead เพื่อกรอกกล่องอินพุตโดยอัตโนมัติ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!