• 0

كيف أُبرمج صفحة إتصل بنا على ووردبريس باستعمال تقنية ajax؟

أريد عمل صفحة إتصل بنا على موقع لووردبريس، حيث أن الاستمارة ستظهر على صفحة مستقلة، المشكل هنا أني أريد إرسال البيانات عبر كود ajax  لكن لا أعلم ما يجب علي فعل لإنجاح ذلك؟ 

على سبيل المثال وجدت موقع بنفس الخصائص: الرابط

أريد فهم منطق عمل الاستمارة، وإن أمكن كود لشرح العملية؟

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

في ملف Jquery الخاص بصفحة الاتصال في الموقع، قم بإدراج الكود التالي، شرطَ أن تكون استمارة الاتصال حاملة لـ Id بسم:

ajax-contact-form

كود Jquery:

jQuery(document).ready(function($) {

    $("#ajax-contact-form").submit( function( event ) {
           event.preventDefault();

       //ضم جميع بيانات الاستمارة 
        var str = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "/includes/contact-process.php",
            data: str,
            success: function(msg) {
                // إظهار رسالة، عن طريق إضافة وسم به الرسالة
                if(msg == 'OK') {
                    result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
                    $("#fields").hide();
                } else {
                    result = msg;
                }
                $('#note').html(result);
            }
        });
        return false;
    });
});

يجب ملاحظة أمر هام، أن url المدرج في الكود هو رابط الملف الذي سترسل إليه المعلومات المُدخلة في الاستمارة.

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن