我有一个表单,它使用 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 函数的正确语法是什么?