jquery ui الإكمال التلقائي - كيف؟

Question

قد أنظر إلى كل هذا خطأ.

لكنني أحاول استخدام الإكمال التلقائي JQuery UI.

أريد أن أقضي عنوان URL وسيحصل على الاقتراحات من هناك.

أسئلتي
1: كيف يمكنني تحديد عنوان URL؟
2: كيف يمكنني تنسيق الرد؟

Answer 1

هذا يجب أن يبدأك في تحديد جزء عنوان URL.

قم أولاً بإنشاء حقل إدخال لإرفاق المكون الإضافي التلقائي لـ.

<input type="text" name="query" />

ثم استخدم هذا JavaScript لتوصيل الإكمال التلقائي إلى مربع الإدخال الذي تم إنشاؤه للتو.

   $("#query").autocomplete({
       source: "/suggestions/get/",
       select: function(event, ui) {
          $("#new-field").val(ui.item.value);
       }
    });

طلب URI سيكون شيئًا كهذا ...

/suggestions/get/?term={selection}

selection يمثل الاختيار الذي تم إجراؤه في الإكمال التلقائي.

الآن على جانب الخادم الخاص بك ، تحتاج إلى تحليل URI واستخدام قيمة المعلمة term للقيام بكل ما تريد - ابحث في قاعدة البيانات عن الاختيار المحدد ، أو أي شيء آخر.

يجب عليك تنسيق ردك مثل هذا ...

suggestion1
suggestion2
suggestion3
suggestion4

يجب أن تكون الاقتراحات على خط جديد (مفصولة بواسطة \n)

Answer 2

على صفحة واجهة المستخدم jQuery ، لديك عرض تجريبي كامل مع أمثلة مختلفة ، يجب أن يكون ذلك كافيًا على ما أعتقد. هناعنوان URL.