沃梦达 / 编程问答 / php问题 / 正文

ACF通过AJAX提交表单

ACF submitting a form via ajax(ACF通过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提交表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:ACF通过AJAX提交表单

基础教程推荐