ACF通过AJAX提交表单

ACF submitting a form via ajax(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 :');

    })

})
})

这篇关于ACF通过AJAX提交表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！