php - 使用 AJAX 将表单数据发送到 PHP 脚本并在不刷新页面的情况下弹出成功通知

Question

只是作为序言，我对编码很陌生。

我正在处理一个网站的联系表单，我希望在用户提交表单时，将数据发送到发送电子邮件的 PHP 脚本，然后出现一个通知栏以确认提交。

截至目前，当我按下提交时，表单什么也不做。

• 该栏已创建并包含在单独的函数中
• 如果我让页面正常刷新，则表单有效
• 我已经在服务器上和服务器上对其进行了测试

function successHeader() {
    //jQuery for the confirmation box
    $(".submittedBox").css("display", "block"); //Displays Pop-Up
    $(".form_header").css("display", "none"); //Removes Contact Us      
}

function formSubmit() {

    $(".contact_form").submit(function(event) { //Submit Handler

        var $form = $(this), //Get the action attribute
            url = $form.attr('action');

        var post = $.post(url, $form.serialize());

        post.done(function() { //When the function is successfully submitted
            successHeader();
        });
    });

}

这是调用函数的地方（错误处理有效）

//If the form has no errors
        if (error == 0) {
            formSubmit();
        }

PHP 脚本命名为：form_processing.php

预期：表单提交，并出现弹出窗口 实际：无

标签： phpjqueryajaxforms