ACFはajax経由でフォームを送信します

Question

acf_formで作成したフォームをajax経由で送信する方法はありますか？送信後にリダイレクトされませんか？

これはお時間を

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フォームです。

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 :'); 

    }) 

}) 
})