很多时候,我们需要使用 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 官方文档查看。