مزيج اياكس في HTML مع Intercooler.js
لم يكن أسهل من ذلك أضف Ajax إلى أي موقع. في الواقع ، من الشائع جداً بناء مواقع كاملة بناء على طلبات اياكس مسمي تطبيقات أحادية الصفحة (أو SPA).
لكن هذا يتطلب دائمًا بعضًا من مسج وبعض المشاحنات الفنية تحديث محتوى الصفحة. إذا كنت تحتاج فقط بعض وظائف اياكس الأساسية يمكنك استخدام intercooler.js لخلط هذا الحق في HTML الخاص بك.
يتيح لك Intercooler كتابة سمات HTML تحتوي أصلاً على عناوين URL لطلب Ajax. عندما ينقر المستخدمون على روابط معينة ، يمكنك إملاء ذلك طلبات اياكس تشغيل بدلاً من إجراء النقر العادي.
كل هذا يعتمد على سمات بيانات HTML5 * مثل جيم-آخر ل. يمكنك إضافة هذه السمة إلى زر أو رابط ربط ، وسوف الاتصال تلقائيا في مسج لطلب Ajax POST.
هناك بالفعل صفحة كاملة من هذه الصفات على موقع البرنامج المساعد. هنا قليلا من عينة من الرموز لنرى كيف يبدو:
انقر فوق لي!
هذا سوف إرسال طلب Ajax POST إلى عنوان URL / buton_click, و تحميل الاستجابة في عنصر الحاوية. Intercooler هي مكتبة بسيطة جدا وقوية بشكل لا يصدق بمجرد فهم كيفية عملها.
منحت هذا لن يحل جميع مشاكل أياكس لأنه لا يمكن التحديث التلقائي لمناطق أخرى من الصفحة. هذا ايضا لا يمكن إلحاق الكثير من الميزات المخصصة دون إبطاء الصفحة ، لذلك مفصلة منتجع صحي يجب حقا استخدم كود Ajax المخصص.
Intercooler.js يقدم طريقة أكثر دلالات لكتابة كود اياكس بحيث يتم تحميل وحتى يقدم تراجع الأصلي.
إلى تثبيت المبرد تحتاج فقط نسخة من مسج جنبا إلى جنب مع نسخة من مكتبة المبرد والتي يمكن العثور عليها على جيثب. يمكنك حتى اختبار دون تحميل أي ملفات باستخدام jQuery CDN و Intercooler CDN المحلي.
ضع كلاهما في >
نلقي نظرة خاطفة على الصفحة التجريبية لرؤية قائمة كاملة من العروض يمكنك لعبة مع. يعجبني بشكل خاص العرض التوضيحي "انقر للتحرير" لأنه يُظهر بالضبط ما هو ممكن ومدى إمكانية أخذ هذا المكون الإضافي.
إذا كنت مهتما في تعلم المزيد تفحص ال دليل مرجعي كاملة من سمات HTML المبرد. كل واحد يقوم بعمل مختلف لذلك من الأهمية بمكان أن ندرسهم جميعًا ونرى ماذا يناسب أفضل لسيناريو الخاص بك.
بطبيعة الحال ، يمكنك أن تجد كل شفرة المصدر مجانا على جيثب جنبا إلى جنب مع دليل التثبيت وجيزة.
