使用 WordPress 内置的 jQuery Form 表单实现 Ajax 表单提交

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

声明:本站资源绿色无后门无广告,可放心下载。如无特殊说明或标注,均为本站原创发布,转载请注明出处!