Php 使用原生Wordpress制作Ajax表单

我有一个表单，它使用Ajax发送序列化表单数据，并将其发送到一个名为contact submit的php文件

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

我计划调用MyContactForm函数

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

以下是我到目前为止所做的…*请记住，我忽略了表单字段…因为我们将重点放在脚本部分…如果表单是序列化的…应该抓住所有内容

html

---

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

到底是什么问题？你有错误吗？从我所看到的来看，你的代码似乎还可以。我希望它使用wordpress原生ajax…因为如果它没有与我想要使用的插件冲突，那么你希望我们重构上面的代码，使其与wordpress兼容吗？再一次；你对StackOverflow社区有什么期望？不，只是告诉我序列化数据和发送到函数的正确语法是什么……我知道其余的lol

<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
    });
});