很多時候,我們需要使用 Ajax 來實(shí)現(xiàn)表單提交,可能有些朋友不知道,WordPress 內(nèi)置了一個 jQuery 插件用來幫助我們處理 Ajax 表單提交。
既然是內(nèi)置的,使用起來當(dāng)然相當(dāng)方便,首先我們需要把 “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) {
//表單提交成功后返回的信息
}
});
在實(shí)際使用的過程中,可能有些情況需要進(jìn)行更多的配置,這當(dāng)然沒問題,更多選項請移步至?jQuery Form 官方文檔查看。


