很多时候,我们需要使用 Ajax 来实现表单提交,可能有些朋友不知道,WordPress 内置了一个 jQuery 插件用来帮助我们处理 Ajax 表单提交。
既然是内置的,使用起来当然相当方便,首先我们需要把 “jquery-form” 包含在 Head 中即可。
首先加载 jQuery Form 插件:
function my_form_method() {
wp_enqueue_script( 'jquery-form' );
}
add_action( 'wp_enqueue_scripts', 'my_form_method' );
然后,我们就可以使用 Ajax Form 插件来提交表单了。
jQuery('#myForm1').ajaxForm({
data: {
//和表单字段一起提交的附加信息
},
dataType: 'json',
beforeSubmit: function(formData, jqForm, options) {
//表单提交前的工作,一般做表单验证用
},
success : function(responseText, statusText, xhr, $form) {
//表单提交成功后返回的信息
}
});
在实际使用的过程中,可能有些情况需要进行更多的配置,这当然没问题,更多选项请移步至 jQuery Form 官方文档查看。