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

في ملف 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 المدرج في الكود هو رابط الملف الذي سترسل إليه المعلومات المُدخلة في الاستمارة.