0

我有一个表单,它使用 Ajax 发送序列化表单数据以发送到名为contact-submit 的 php 文件

我知道我应该将该页面的内容包装在一个函数中......并将其添加到functions.php文件中

我打算调用函数 MyContactForm

但我不知道序列化表单并将数据发布到函数的正确语法

这是我到目前为止所拥有的……*请记住,我遗漏了表单字段……因为我们专注于脚本部分……如果表单被序列化……应该抓住一切

html

<form id="contactform" action="<?php echo home_url('contact-submit'); ?>" method="post">

<input class="textbox required" type="text" name="name2" id="name" value="Your Name" />

<input class="submit" value="Send" type="submit" alt="Send message" name="submit" /> 

</form>

脚本

    jQuery("#postform").validate();

    var AjaxSubmit = function(){
        var btnText=jQuery('#contactform .submit').val();
        // inform client that data is been sent:
        jQuery('#contactform .submit').val('Sending...');
                jQuery('#contactform .submit').attr('disabled', true);

        jQuery.ajax({
            type: 'POST',
            url: jQuery('#contactform').attr('action'),
            data: jQuery('#contactform').serialize(),
            // successful POST - display result in success div:
            success: function(msg){
                        jQuery('#contactform .form, #contactform .contacthead').slideUp(500,function(){
                        jQuery('#contactform div.success').removeClass('hiddne').fadeIn(500);
                });
            },  
            error: function(response) {
                jQuery('#contactform .submit').val(btnText);
                jQuery('#contactform div.error').html(response.statusText).slideDown(500);
            }
        });
    }
    jQuery("#contactform").validate({
        submitHandler: AjaxSubmit
    });
});

我的问题是.....序列化表单并将数据传递给 php 函数的正确语法是什么?

4

0 回答 0