المشكلات والحلول لتنفيذ الإكمال التلقائي لصناديق الإدخال باستخدام المكونات الإضافية

وفقًا لطريقة استخدام TypeAhead الموجودة على الإنترنت ، حدث خطأ في الخطوة الأخيرة. يمكن قراءة البيانات من قاعدة البيانات ، ولكن عندما يتم عرض المطالبة في مربع الإدخال ، يتم عرض كل ذلك على النحو التالي: Underfance. بعد الاستكشاف لفترة طويلة ، لم أستطع معرفة ما هي المشكلة. في وقت لاحق ، وجدت بطريق الخطأ هذه الجملة على http://blog.64cm.com/post/2014/08/13/٪E4٪BD٪BF٪E7٪94٪A8BootStrap-typeahead٪E6٪8F٪92٪E4٪BB00: " مصدر." ذكرتني لأنه وفقًا للطريقة عبر الإنترنت ، أدعو مباشرة طريقة AJAX في المصدر.

إذا نظرنا إلى الوراء إلى عرض ACE الحالي ، على الرغم من عدم وجود مثال على استدعاء Ajax ، هناك أيضًا تعليقات لشرح كيفية استخدامه ، ولكنها باللغة الإنجليزية (خارج الموضوع: من المهم حقًا فهم اللغة الإنجليزية من خلال القيام بالتكنولوجيا.) ، وبعد فترة من الوقت ، يمكن عرضها أخيرًا بشكل صحيح. تم نشر الرمز على النحو التالي:

رمز JS

 <script type = "text/javaScript"> jQuery (function ($) {//typeahead.js//example مأخوذ من صفحة البرنامج المساعد على: https://twitter.github.io/typeahead.js/examples/var substringMatcher = function () {// setringmatcher ( الكلمة الرئيسية المجهزة ، ProcessJ هي القيمة المترتبة على VARE VAR ، substringRegex ؛ var params = {"token": getStorage ("token") ، "flag": 0 ، fullurl = getOption ("gykj_host")+"المؤسسة/القائمة؟"+getOption ("gykj_callbackparam")+"="+getOption ("gykj_callbackfu NC ")+parameter_str ؛ $ ("#submenu_info ") n ("gykj_callbackparam") ، jsonpcallback: getOption ("gykj_callbackfunc") ، async: false ، error: function () {Alert ("list:"+ge Toption ("connectionerrormessage")) ؛} ، النجاح: الدالة (البيانات) {// $ ("#submenu_info"). html (fullurl) ؛ if (data.code == 0) {var arr ، substringRegex ؛ arr = [] ؛ substrregex = new regexp (Query) ؛ // يجب أن يكون هذا ، أو لا يزال يظهر على أنه غير محدد (عنصر var في data.data) {var str = data.data مستندات لمزيد من المعلومات يتم استخدام الإصدار ، وطريقة SubstringMatcher ()}) ؛}) ؛ </script>

HTML

 <!-البرامج النصية المضمنة ذات الصلة بهذه الصفحة-> <script src = "../ arcets/js/ace-elements.js"> </script> <script src = "../ arsets/js/typeahead.jquery.js" </script> <priment type = "text" id = "name

ما سبق هو المشكلة والحل لاستخدام المكون الإضافي typeahead bootstrap لإكمال مربع الإدخال تلقائيًا. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!