ACF通过AJAX提交表单
是否有办法通过AJAX提交使用acf_form
创建的表单,以便提交后不会重定向?
这是ACF表
acf_form_head();
acf_form(array(
'post_id' => 'new_post',
'form_attributes' => array('id' => 'acf_form_new_map'),
'new_post' => array(
'post_type' => 'tome_map',
'post_status' => 'publish'
),
'html_after_fields' => '<input type="hidden" name="form_type" value="new_map" />',
'form' => true,
'post_title' => true,
'fields' => array('field_54593ddcc6da5'),
'submit_value' => 'Save and insert new map',
'return' => ''
));
感谢您抽出时间。
解决方案
可以,假设您希望在不刷新页面的情况下,只需单击按钮即可提交ACF表单。
<script type="text/javascript">
jQuery('form#acf_form_new_map:submit').click(function(event){
event.preventDefault();
var form_data = {'action' : 'acf/validate_save_post'};
jQuery('form#modalAjaxTrying :input').each(function(){
form_data[jQuery(this).attr('name')] = jQuery(this).val()
})
form_data.action = 'save_my_data';
jQuery.post(ajaxurl, form_data)
.done(function(save_data){
alert('Added successFully :');
})
})
})
相关文章