Question

是否可以通过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' => ''
));

感谢您的时间。

Answer 1

是的，您可以，假设您想在按钮点击时提交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 :');

    })

})
})

ACF通过ajax提交表格

1 个答案: