كيفية استخدام Ajax في ووردبريس

Ajax هي تقنية شائعة لإنشاء تطبيقات ويب ديناميكية وسريعة الاستجابة. تستخدم العديد من سمات ومكونات WordPress Ajax لتوفير تجربة مستخدم أكثر سلاسة. في هذا البرنامج التعليمي ، سنوضح لك كيفية استخدام Ajax في قالب WordPress الخاص بك. سوف نغطي المواضيع التالية: ما هو اياكس؟ كيفية استخدام Ajax في ووردبريس؟ Ajax في WordPress السمات Ajax في إضافات WordPress أمثلة Ajax في WordPress ما هو Ajax؟ Ajax هي تقنية لتطوير الويب تسمح لتطبيقات الويب بالتفاعل مع بيانات الخادم دون إعادة تحميل الصفحة. يتم إجراء طلب Ajax باستخدام كائن XMLHttpRequest. يعالج الخادم الطلب ويعيد الرد. ثم تتم معالجة الاستجابة بواسطة المتصفح ويتم عرض النتائج على الصفحة. يمكن استخدام Ajax لإنشاء تطبيقات ويب ديناميكية وسريعة الاستجابة. هناك طريقتان لاستخدام Ajax في WordPress: 1. استخدام وظائف WordPress Ajax المدمجة. 2. استخدم مكتبة jQuery. تعد وظائف WordPress Ajax هي الطريقة المفضلة لمعظم المواقف. مكتبة jQuery هي مكتبة JavaScript شائعة يمكن استخدامها لإنشاء طلبات Ajax. Ajax في قوالب WordPress تستخدم العديد من سمات WordPress Ajax لتحسين تجربة المستخدم. على سبيل المثال ، يستخدم قالب WordPress Twenty Seventeen Ajax لتحميل التعليقات على منشورات المدونة. إذا كنت تقوم بتطوير سمة WordPress ، فيمكنك استخدام وظائف WordPress Ajax المضمنة أو مكتبة jQuery لإنشاء طلبات Ajax. Ajax في إضافات WordPress تستخدم العديد من مكونات WordPress الإضافية Ajax لتحسين تجربة المستخدم. على سبيل المثال ، يستخدم المكون الإضافي لـ WordPress Contact Form 7 Ajax لإرسال بيانات النموذج دون إعادة تحميل الصفحة. إذا كنت تقوم بتطوير مكون إضافي لبرنامج WordPress ، فيمكنك استخدام وظائف WordPress Ajax المضمنة أو مكتبة jQuery لإنشاء طلبات Ajax. أمثلة Ajax في WordPress فيما يلي بعض الأمثلة عن كيفية استخدام Ajax في WordPress: تحميل التعليقات على منشورات المدونة إرسال بيانات النموذج دون إعادة تحميل الصفحة تحميل نتائج البحث دون إعادة تحميل الصفحة عرض منشورات جديدة دون إعادة تحميل الصفحة إذا كنت تقوم بتطوير سمة WordPress أو البرنامج المساعد ، يمكنك استخدام Ajax لتحسين تجربة المستخدم.

لغة البرمجة الأكثر شيوعًا في تطوير الويب هي AJAX (Asynchronous JavaScript و XML). إنه مفيد للغاية لتطبيقات مثل Amazon وغيرها. Ajax هو تطبيق يسمح لك بإرسال واستقبال البيانات دون إعادة تحميل متصفح الويب الخاص بك. سيتم استخدام Ajax ، الموجود بالفعل في WordPress ، في العرض التوضيحي. الخطوة الأولى هي إتاحة ملف JavaScript على WordPress. عندما يُطلب منك ذلك بواسطة وظيفة wp_enqueue_script () ، يمكنك إرفاق ملف JavaScript. يجب تقديم طلب Ajax.

للبدء ، يجب عليك أولاً فتح ملف custom.js ونسخ الرموز التالية. لإرسال طلب AJAX ، يرجى زيارة www.example.com/administrator/ajax.php. يجب علينا تحديد خطاف إجراء للتعامل مع الطلب من أجل التعامل معه بشكل صحيح.

AJAX ، باختصار ، هي لغة JavaScript و XML غير متزامنة. في الأساس ، يتم استخدام XMLHttpRequest لإرسال الطلبات إلى الخوادم. يمكن للنظام إرسال واستقبال البيانات بتنسيقات متنوعة ، بما في ذلك JSON و XML و HTML والملفات النصية.

يتم وضع JavaScript في رأس أو جسم في المستعرض. إذا قمت بوضع جميع JavaScripts الخاصة بك ، بما في ذلك جميع JavaScripts ، في الجزء السفلي من القسم> القسم ، فسيؤدي ذلك إلى تقليل وقت التحميل.

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

في WordPress ، يقوم المستخدم بتشغيل طلب Ajax ، والذي يتم إعادة توجيهه بعد ذلك إلى admin-ajax عبر طريقة Ajax . يمكنك الوصول إليه عن طريق نسخ ملف php من مجلد WP-Admin. لإرسال طلب Ajax ، يجب توفير جزء واحد أو أكثر من البيانات (إما عبر GET أو POST).

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

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

لا توجد طريقة مؤكدة لمعرفة ما إذا كان WordPress Ajax يعمل أم لا. أفضل طريقة لاختباره هي محاولة تقديم طلب من الواجهة الأمامية لموقعك. إذا تم تنفيذ الطلب ورأيت النتائج المتوقعة ، فمن المحتمل أن WordPress Ajax يعمل كما ينبغي.

سيسمح لك استخدام WP_doing_ajax في WordPress 4.0.0 بتنفيذ أي إجراء. هذا مفضل لأن الإضافات التي تقوم بعمل Ajax بشكل مختلف يمكنها تغيير ترتيب المرشح من خطأ إلى صحيح. في مجلد المخطوطات ، يجب تعيين do_AJAX على صحيح لاختبار هذا الثابت. ذكر كل من إيان وسبنسر التفسير الصحيح.

كيفية استخدام Ajax في ووردبريس

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

ماذا تفعل طريقة Ajax ()؟

يتم تنفيذ طلبات AJAX (HTTP غير المتزامن) باستخدام طريقة Ajax (). تُستخدم طريقة jQuery AJAX ، التي تستخدم طريقة jQuery () ، لجميع طرق jQuery AJAX . تُستخدم هذه الطريقة عادةً لتلبية الطلبات التي لا تعالجها الطرق الأخرى.

لا توجد لغة برمجة في Ajax ، كما يوحي العنوان الفرعي. تعمل التقنيات غير المتزامنة بنفس الطريقة التي تعمل بها AJAX ، وهي طلب المزيد من البيانات من الخادم وتحميلها على الخادم في الخلفية دون لمس العروض أو بقية الصفحة. من خلال القيام بذلك ، يمكنك تصفح المعلومات المعروضة دون إعادة تحميل الموقع. يمكن استخدام طريقة $ .load () لتحميل البيانات في عنصر موقع الويب. الطريقة $ .get () والطريقة $ .post () تقومان بنفس الشيء. نرسل المعلمات على هذه الطرق من أجل إرسال أول واحد ، لكنه ليس شرطًا. هذه نظرة عامة عالمية على تطبيق AJAX و JQuery .

يمكن استخدام AJAX للوصول إلى البيانات من خادم الويب. في المحتوى الديناميكي ، يمكننا استخدام AJAX. من الممكن نقل البيانات بتنسيق نص عادي أو JSON باستخدام AJAX.

الأنواع الثلاثة لطلبات Servlet

يتم تصنيف servlets إلى ثلاثة أنواع: br> و br> 2 و br> 3. طلب GET هو مثال لطلب بيانات الخادم.
يعد استخدام POST هو الطريقة الأكثر شيوعًا لإرسال البيانات إلى الخادم.
يتم نقل البيانات بين الخادم وملف PUT.

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

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

هل Ajax طلب نشر؟

صحيح أن طلبات النشر يتم تسليمها من خلال Ajax.

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

Ajax هي تقنية تستخدم لتقديم طلبات غير متزامنة من المتصفح إلى الخادم. هذا يعني أنه بدلاً من الاضطرار إلى إعادة تحميل الصفحة بأكملها عندما ينقر المستخدم على ارتباط ، يتم إعادة تحميل الجزء الذي يحتاج إلى تحديث فقط من الصفحة. يأتي WordPress مع مكتبة ajax الخاصة به ، والتي يمكن استخدامها لتنفيذ طلبات ajax دون الحاجة إلى تثبيت مكون إضافي. لاستخدام مكتبة WordPress ajax ، ما عليك سوى تضمين الكود التالي في ملف jobs.php الخاص بالسمة: add_action ('wp_enqueue_scripts'، 'my_theme_enqueue_scripts')؛ function my_theme_enqueue_scripts () {wp_enqueue_script ('ajax-script'، get_template_directory_uri (). '/js/ajax.js'، array ('jquery'))؛ wp_localize_script ('ajax-script'، 'ajax_params'، المصفوفة ('ajax_url' => admin_url ('admin-ajax.php'))) ؛ } الكود أعلاه سيضع ملف ajax.js في قائمة الانتظار ويمرر المعامل ajax_url إليه. المعلمة ajax_url هي عنوان URL لملف WordPress admin-ajax.php ، والذي يُستخدم للتعامل مع طلبات ajax. في ملف ajax.js ، يمكنك بعد ذلك استخدام متغير ajax_params.ajax_url لعمل طلبات ajax: jQuery (مستند). جاهز (الوظيفة ($) {$ .ajax ({url: ajax_params.ajax_url ، اكتب: "POST" ، data: {action: 'my_action'، param1: 'value1'، param2: 'value2'}، Success: function (data) {alert ('success')؛}، error: function (data) {alert ('error' ) ؛}}) ؛}) ؛ سيقوم الكود أعلاه بتقديم طلب POST إلى ملف admin-ajax.php ، مع تعيين معلمة الإجراء على my_action. سيتم بعد ذلك معالجة الإجراء my_action بواسطة دالة في ملف functions.php: add_action ('wp

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

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

عندما ينقر المستخدم على رابط "اقرأني لاحقًا" ، ستتم إزالته. تم تخزين معرّف المنشور كمتغير في المتغير $ rml_post_id. تستفيد وظيفة get_user_meta () من الصف في WordPress. إذا كان هذا صحيحًا ، فإننا نحتفظ به في قاعدة البيانات الخاصة بنا ، باستخدام جدول المستخدمين. نتحقق من وجود قيمة $. في ملف read-me-later.html ، انسخ الكود التالي: تحذف الدالة update () قيمة إدخال المستخدم وتقوم بتحديثها. يمكن تحديد جميع المنشورات باستخدام وظيفة get_posts () في WordPress ، والتي تُستخدم لتحديد تفضيلات المستخدم.

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

استخدام Ajax في ووردبريس

إذا كنت تريد استخدام Ajax على موقع WordPress الخاص بك ، فيجب عليك أولاً فهم كيفية عمل الطلبات قبل أن تتمكن من إعداد ملف admin-ajax.html لإرسال طلبات Ajax إلى عنوان URL الصحيح.

وورد اياكس Url

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

كيفية استخدام Ajax في ووردبريس

يتم تحديد عنوان URL في معظم أمثلة AJAX على صفحة وثائق jQuery. عند تقديم طلب خادم ، سواء باستخدام AJAX أو الأساليب القديمة المتزامنة ، يجب عليك تحديد الشخص الذي سترسله إليه (سواء كنت تستخدم AJAX أو الأساليب القديمة المتزامنة). تحتوي جميع الأمثلة التي رأيتها في صفحة توثيق jQuery تقريبًا على عنوان URL محدد (url: test).
ما هو اياكس؟ باستخدام AJAX ، يمكنك إرسال البيانات إلى برنامج نصي ثم تلقي استجابته ومعالجتها دون الحاجة إلى إعادة تحميل الصفحة. باستخدام HTML و CSS و JavaScript ، يمكنك إرسال البيانات إلى برنامج نصي. للقيام بذلك ، يجب تقديم طلب AJAX ويجب توفير عنوان URL للبرنامج النصي الذي ستتم معالجة البيانات فيه.
ما هو ووردبريس؟
نظام إدارة محتوى WordPress (CMS) هو نظام إدارة محتوى شائع يستخدم AJAX للسماح لك بإرسال البيانات إلى نص برمجي وتلقي استجابة البرنامج النصي ومعالجته دون الحاجة إلى إعادة تحميل الصفحة. يربط WordPress وظيفة مخصصة في استدعاء Ajax يسمى WP_ajax_ ، والذي يتم تنفيذه أثناء استدعاء Ajax.
كيف يمكنني الاتصال بالمسؤول في WordPress باسم Ajax؟
يتم إرسال طلبات AJAX الخاصة بـ WordPress إلى عنوان URL شائع ، وعندما يتم إرجاع المعلمات ، يتم استدعاء الطريقة المقابلة داخليًا باستخدام المعلمات. admin_url ، "ajax" ، هو الخيار الأنسب. يمكن الحصول على عنوان URL هذا باستخدام وظيفة WordPress PHP '(').