كيفية إضافة أجاكس إلى موقع ووردبريس الخاص بك

تعد إضافة AJAX إلى موقع WordPress الخاص بك طريقة رائعة لتحسين تجربة المستخدم وجعل موقعك أكثر استجابة. يسمح لك AJAX بتحميل المحتوى ديناميكيًا دون الحاجة إلى إعادة تحميل الصفحة بأكملها ، مما يوفر الكثير من الوقت. هناك عدة طرق مختلفة لإضافة AJAX إلى موقع WordPress الخاص بك. إحدى الطرق هي استخدام مكون إضافي مثل Ajax Load More أو WP Ajaxify . ستتعامل هذه المكونات الإضافية مع الرفع الثقيل نيابة عنك وتجعل من السهل إضافة AJAX إلى موقعك. هناك طريقة أخرى لإضافة AJAX إلى WordPress وهي ترميزها يدويًا في القالب أو المكون الإضافي الخاص بك. هذا نهج أكثر تقنية ويتطلب مزيدًا من العمل ، ولكنه سيمنحك مزيدًا من التحكم في كيفية تنفيذ AJAX على موقعك. إذا لم تكن مطورًا ، فإن أفضل طريقة لإضافة AJAX إلى WordPress هي استخدام مكون إضافي. هناك عدد من المكونات الإضافية الرائعة المتاحة التي ستجعل من السهل إضافة AJAX إلى موقعك.

هناك عدة طرق لاستخدام AJAX في WordPress ، ولكن يجب استخدام واحدة أكثر من غيرها. AJAX عبارة عن مزيج من كود HTML و CSS وجافا سكريبت يمكّنك من إرسال البيانات إلى برنامج نصي وتلقي الاستجابة ومعالجتها ، ثم إعادة تحميل الصفحة. إذا لم تكن معتادًا على AJAX ، فاقرأ مقالة Wikipedia عنها في نهاية هذه المقالة. في مجلد WP-administrator ، يوجد ملف admin-ajaxx الذي يخزن طلبات AJAX. إذا لم تكن هناك عناصر أخرى متاحة ، فيجب توفير إجراء (لكل من طلبات GET و POST). تعني إضافة وظيفة إلى الخطاف الأول أنها ستكون نشطة إذا بدأ المستخدم الذي قام بتسجيل الدخول الإجراء. باستخدام أداة الإضافة الثانية ، يمكنك فصل المستخدمين الذين تم تسجيل دخولهم والمستخدمين الذين لم يتم تسجيل دخولهم.

قم بإنشاء فئة user_vote وخاصية data-post_id ، والتي تحتوي على معرف المنشور والنقر فوق الحدث ، باستخدام المكون الإضافي الخاص بك. يمكن استخدام حقل التعريف لتخزين إجمالي عدد الأصوات المدلى بها. تُستخدم وظيفة update_post_meta () لتحديث عدد الأصوات لمنشورنا. سننشئ مصفوفة لكل حالة لتتناسب مع نجاح الوظيفة أو فشلها. تم الآن استخدام الطرق العادية للتعامل مع إجراءات المستخدم ، وقد تم تطوير JavaScript الآن. وظيفة رديئة للتعامل مع المستخدمين الذين تم تسجيل خروجهم ، ولكن يمكن استخدامها كمثال. سنحتاج إلى jQuery وشفرة JavaScript الخاصة بنا حتى يتمكن نظامنا من استخدام AJAX.

باتباع الخطوات أدناه ، يمكنك القيام بذلك على المكون الإضافي الخاص بك. في ملف my_voter_script.js ، سنجد عنوان URL الخاص بـ myAjax.ajaxurl ، والذي يحتوي على عنوان URL لملف admin-ajax.html. عندما ينقر المستخدم على زر التصويت دون استخدام JavaScript ، فإنه يستخدم طريقة GET (سلسلة الاستعلام) لإرسال طلب إلى البرنامج النصي. يمكنهم الوصول إلى صفحة باستخدام JavaScript. استجابة لطلبنا ، يجب نشر البيانات. من المتوقع أن تقوم وظيفة my_user_vote () في المكون الإضافي الخاص بنا بمعالجة ذلك وإرسال مصفوفة النتائج إلينا مرة أخرى. يتغير عداد التصويت ، في مثالنا ، في القيمة للإشارة إلى فرز الأصوات الجديد. منصة AJAX الخاصة بـ WordPress لديها الكثير لتقدمه ، بالإضافة إلى القدرة على التمييز بين حالات تسجيل الدخول وحالات عدم تسجيل الخروج.

هل يمكنني استخدام Ajax في WordPress؟

يمكنك استخدام AJAX في WordPress بنفس الطريقة المستخدمة بالفعل في النهاية الخلفية. كل ما عليك فعله هو التعود على الأدوات المتاحة. الكود هو شرح عام للعملية ، لكننا سنتطرق إليها لاحقًا.

يسمح لك Ajax بتبادل البيانات دون الحاجة إلى إعادة تحميل الصفحة. يمكنك القيام بذلك بنفسك إذا قمت بإنشاء ملف مستقل باستخدام WordPress ، ولكن يجب عليك الاتصال به ومعالجته بنفسك. علاوة على ذلك ، يتضمن WordPress طريقة فعالة وبسيطة لاستخدام Ajax داخليًا. من خلال الاستعانة بمصادر خارجية لـ Ajax لملف إضافي ، يمكنك إدراجه في function.php. Ajax هو الكود الفعلي الذي نستخدمه هنا. تتم معالجة بيانات Ajax باستخدام JavaScript الخطوة 4. في JavaScript ، تقوم بإرسال البيانات مرة أخرى إلى العميل في رد الاتصال. يمكنك أيضًا إضافة توابل إضافية حسب الحاجة.

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

كيفية استخدام دالة Admin_url () في ووردبريس Ajax

في مثال كود AJAX الخاص بنا ، تقوم الدالة admin_url () بإرجاع عنوان URL لطلب AJAX . هذا ما يظهر لي في هذه الصورة: Ajax (النوع: GET ، dataType: json ، url: admin_url ('ajax.')) يستخدم GET. في. ، البيانات ، الإجراء: get_data ، النجاح: تنبيه الوظيفة (الاستجابة) ("لا يمكن إضافة صوتك") ؛ وفي. ، الحدث: الاستلام. يمكن تحديد عنوان URL لطلب AJAX باستخدام الوظيفة admin_url () في هذا المثال. البيانات كالتالي: * الإجراء: "get_data" ، * النجاح: الوظيفة (الاستجابة): "لا يمكن إضافة صوتك") ؛ * تنبيه: "تعذرت إضافة صوتك"

كيف أحصل على بيانات Ajax في ووردبريس؟

هناك عدة طرق مختلفة للحصول على بيانات AJAX في WordPress. إحدى الطرق هي استخدام واجهات برمجة تطبيقات AJAX المضمنة في WordPress. هناك طريقة أخرى وهي استخدام مكون إضافي أو سمة توفر وظائف AJAX. أخيرًا ، يمكنك أيضًا كتابة التعليمات البرمجية الخاصة بك للتعامل مع طلبات AJAX.

كيف يعمل Ajax في WordPress؟

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

كيف يمكنني معرفة ما إذا كان WordPress Ajax يعمل؟

Ajax هي تقنية تسمح بإنشاء تطبيقات ويب ديناميكية وسريعة الاستجابة. إنه يمكّن صفحة الويب من طلب البيانات وتلقيها من الخادم دون الحاجة إلى إعادة تحميل الصفحة بأكملها. يستخدم WordPress Ajax لتحسين تجربة المستخدم من خلال توفير واجهة أكثر استجابة. هناك عدة طرق لمعرفة ما إذا كان WordPress Ajax يعمل أم لا. الأول هو إلقاء نظرة على طلبات الشبكة في أدوات مطور متصفحك. إذا رأيت طلبًا يتم إجراؤه على عنوان url الخاص بـ WordPress ajax (wp-admin / admin-ajax.php) ، فإن WordPress يستخدم Ajax في تلك الصفحة. هناك طريقة أخرى لمعرفة ذلك وهي البحث عن علامة "#" في عنوان URL. يشير هذا إلى أن الصفحة تستخدم خيار "التجزئة" المطلوب لطلبات Ajax.

يمكن استخدام وظائف WP_doing_ajax لأن WordPress 4.0.0 يتضمن وظيفة مضمنة لها. نظرًا لأن الإضافات التي تقوم بعمل Ajax بشكل مختلف يمكنها تصفية الإيجابيات الخاطئة ، يعد هذا خيارًا أفضل. إذا كنت تستخدم Ajax على النحو الموصى به في مجلد المخطوطات ، فيمكنك اختبار DOING_AJAX الثابت. عندما يكون طلب AJAX غير مخصص للاستخدام مع خطاف admin-ajax ، فهو ببساطة نقطة نهاية (على سبيل المثال ، PayPal IPN).

Ajax في WordPress بدون البرنامج المساعد

AJAX هي تقنية تسمح بإنشاء تطبيقات ويب ديناميكية وسريعة الاستجابة. إنه خيار شائع للاستخدام في WordPress لأنه يمكن أن يساعد في إنشاء تجربة مستخدم أكثر سلاسة. هناك عدة طرق مختلفة لتطبيق AJAX في WordPress ، ولكن من أكثرها شيوعًا استخدام مكون إضافي. هناك العديد من المكونات الإضافية المتاحة التي يمكن أن تساعد في إضافة وظائف AJAX إلى موقع WordPress الخاص بك ، ولكن من الممكن أيضًا إضافة AJAX بدون مكون إضافي. إذا كنت راضيًا عن الترميز ، فيمكنك إضافة وظيفة AJAX عن طريق إضافة بضعة أسطر من التعليمات البرمجية إلى ملف function.php الخاص بك.

يسمح Ajax ، على وجه الخصوص ، للمستخدمين بإدارة عمليات قاعدة البيانات دون الحاجة إلى إعادة تحميل صفحات الويب. نتيجة لذلك ، يمكنك الحصول على بيانات من قاعدة البيانات وعرضها في الواجهة الأمامية دون الحاجة إلى تحديث الصفحة. نمت شعبية Ajax على مر السنين نظرًا لسهولة استخدامه وسرعة عرضه ، ويستخدم الآن بطرق متنوعة على مواقع الويب. لتسجيل ملفات JavaScript و CSS وإدراجها في قائمة ، يجب أن يحتوي WordPress على الروابط الضرورية. أخيرًا ، نحتاج إلى إنشاء رابط "اقرأني لاحقًا" لكل منشور في المدونة. عندما ينقر المستخدم على الرابط ، تتم إضافة المنشور الذي يريد حفظه إلى قائمة "اقرأني لاحقًا". بعد أن حددنا ما نحتاج إلى القيام به ، نضغط على الرابط.

فيما يلي نظرة سريعة على كيفية استخدامنا لسمة بيانات HTML5 لتحديد منشور المدونة. يمكن استخدام Get_the_id () للحصول على هذه المعلومات إذا كنت تستخدم المكون الإضافي. عندما تتصل بـ Ajax على كائن ، يجب عليك إرسال الطلب إلى ملف admin-ajax.php . يعالج هذا الملف ويعالج جميع طلبات WordPress Ajax الخاصة بك. في هذا الرمز ، أنشأنا وظيفة سيتم استدعاؤها عندما ينقر المستخدم على رابط "اقرأني لاحقًا". نحصل على معرّف المنشور عبر طريقة البيانات في هذه الوظيفة ، ونحفظه في المتغير rml_post_id. بعد إضافة الكود التالي ، ستحتاج إلى استخدام طريقة theajax () مرة أخرى.

عندما ينقر المستخدم على رابط "اقرأني لاحقًا" ، ستتم إزالته. يحتوي المتغير $ rml_post_id على معرف المنشور. عندما يكون هناك صف ، ترجع الدالة get_meta () WordPress القيمة الوصفية. نقوم بتخزين هذه المعلومات في جدول المستخدمين في قاعدة البيانات الخاصة بنا إذا كانت صحيحة. نقوم بالتحقيق لمعرفة ما إذا كانت هناك أي قيمة $ ، سواء كانت موجودة أم لا. الرجاء إضافة الكود التالي إلى ملف read-me-later.php. أنت مسؤول عن تعقيم نظامك باستخدام Update () عند إجراء تحديث.

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

وورد اجاكس بوست

يمكّنك Ajax من تحديث أجزاء من موقع WordPress الخاص بك ديناميكيًا دون إعادة تحميل الصفحة بأكملها. يمكن أن يكون هذا مفيدًا لاسترداد البيانات من النماذج أو تحديث المعلومات في قاعدة البيانات أو عرض المحتوى من أجزاء أخرى من الموقع.

تعتبر مقالة Artisans Web على منشورات WordPress التي يتم تحميلها باستخدام Ajax مصدرًا رائعًا للبدء به. في بعض الأحيان ، ستواجه موقفًا تريد فيه استخدام Ajax في منشورات WordPress. استجابةً لهذا السلوك ، لن يتم عرض أي روابط ترقيم الصفحات ، وسيتم إيقاف عمليات إعادة تحميل الصفحة. سيتم عرض المجموعة التالية من المشاركات عند النقر فوق هذا الزر ، طالما قمت بالنقر فوقه ثم النقر فوق "تحميل المزيد". ستكتمل العملية بمجرد عرض جميع المنشورات. من أجل دمج WordPress Ajax ، يجب عليك تضمين ملف JS في بيئة WordPress. في دليل js ، أنشئ ملف custom.js ثم انسخ الكود التالي إلى ملف function.php.

يأخذ هذا الرمز قيمة "الصفحة" ويحولها إلى قيمة "مقسمة إلى صفحات". يتم توزيع منشورات WordPress ويتم إنشاء المخرجات الناتجة بواسطتها. عند النقر فوق الزر "تحميل المزيد" ، سيتم تحميل المنشورات التالية في Ajax.

ما هو الفرق بين اياكس والبوست؟

يشار إلى رمز $ على أنه منشور. نظرًا لأن طلبات POST وطلبات POST أصبحت ممكنة باستخدام نفس الكود الأساسي ، فلا يوجد الكثير للتمييز بينهما.

ووردبريس Ajax Call Php Function

Ajax هي طريقة لجعل صفحات الويب أكثر استجابة وتفاعلية من خلال تبادل كميات صغيرة من البيانات مع الخادم وراء الكواليس. يمكن استخدام تبادل البيانات هذا لتحديث صفحة بدون إعادة تحميل ، والاستجابة لإدخال المستخدم دون إعادة تحميل الصفحة ، وتحميل محتوى جديد في الصفحة دون إعادة التحميل ، وما إلى ذلك. في WordPress ، يتم استخدام Ajax في النهاية الخلفية لأداء مهام مختلفة مثل حفظ المنشورات والحصول على معلومات من قاعدة البيانات وما إلى ذلك. في الواجهة الأمامية ، يمكن استخدام Ajax لتنفيذ ميزات مثل التمرير اللانهائي وتحميل المزيد من المشاركات عند النقر على الزر وما إلى ذلك. من أجل استخدام Ajax في WordPress ، نحتاج إلى تضمين مكتبة jQuery المضمنة بالفعل في WordPress. يمكننا بعد ذلك استخدام التابعين jQuery.ajax () أو jQuery.post () لتقديم طلبات Ajax. في النهاية ، نحتاج إلى ربط إجراء wp_ajax حتى نتمكن من التعامل مع طلبات Ajax. يمكننا بعد ذلك استخدام الدالة wp_die () للخروج من برنامج PHP النصي وإعادة ردنا. في الواجهة الأمامية ، نحتاج إلى تقديم طلب Ajax إلى WordPress ajaxurl وهو متغير JavaScript عالمي. يمكننا بعد ذلك استخدام وظائف رد الاتصال للنجاح والخطأ للتعامل مع استجابتنا.

كيفية إجراء مكالمة Ajax في ووردبريس

إنشاء مكالمات Ajax باستخدام WordPress. لكي تعمل مكالمة Ajax ، يجب على عضو WordPress الأساسي تضمين ملف admin-ajax.php. ضمن سياق WordPress ، هذا الملف مسؤول عن معالجة ومعالجة جميع طلبات Ajax الخاصة بك. لا تستخدم عنوان URL المباشر لمسار الملف للوصول إلى الملف. كيف أحصل على admin-ajax في WordPress؟ يتم توجيه جميع مكالمات Ajax إلى دليل / wordpress / ajax / files في WordPress باستخدام ملف admin-ajax.php. هل Ajax متوافق مع PHP؟ يمكن استخدام AJAX بدلاً من PHP. في برنامج PHP التعليمي ، سنشرح كيف يمكن لـ AJAX تحديث أجزاء من صفحة الويب دون إعادة تحميل الصفحة بأكملها. سيتم استخدام PHP لإنشاء البرنامج النصي للخادم.