在WordPress中使用Ajax提交表單后進行重定向

Question

我有使用Ajax在WordPress上提交的表格。 該表格可以正常工作，並且表格中的信息進入數據庫並正確保存。

問題是我無法將其重定向到另一個頁面。 表格真的很簡單

<form method="post" id="main">
                <?php wp_nonce_field( 'my_nonce' ); ?>

     <div class="columns is-multiline">
         <div class="column is-4">
             <input type="text" name="firstname" />
         </div>
         <div class="column is-4">
             <input type="text" name="middlename" />
         </div>
         <div class="column is-4">
             <input type="text" name="lastname" />
         </div>
     </div>
     <div id="success_message"></div>
         <div class="columns">        
             <div class="column is-3">
                 <input type="submit" name="submit-button" id="submit-button" value="Submit" />
             </div>
         </div>
     </div>
</form>

然后我在functions.php有這個

add_action('wp_enqueue_scripts', 'my_ajax_scripts'); 
function my_ajax_scripts(){
    wp_localize_script( 'myscript', 'myajax', array( 'ajaxurl' =>   admin_url( '/admin-ajax.php' ) ) );
}

add_action('wp_enqueue_scripts', 'ajax_scripts'); 
function ajax_scripts(){
    wp_enqueue_script( 'form', get_template_directory_uri().'/assets/js/form.js', array('jquery'), '1.0', true );

}

function form(){

        global $wpdb;

        if (!check_ajax_referer( 'my_nonce' )){
            wp_die();
        }

        $table = UPC_jobs;

        $formdata = $_POST['formdata'];

        parse_str($formdata, $formdata_array);

        $data = array(
            'firstname' => $_POST['firstname'],
            'middlename' => $_POST['middlename'],
            'lastname' => $_POST['lastname'],
        );

        $format = array(
            '%s', '%s', '%s',' %s'
        );        
        $success=$wpdb->insert( $table, $data, $format );
        if($success) {
            wp_redirect( '/my-target' );
            wp_die();
        }
}

如果需要js部分

$('#main').submit(function(e) {
    e.preventDefault();

    var form = $(this);
    var formdata = (window.FormData) ? new FormData(form[0]) : null;
    var data = (formdata !== null) ? formdata : form.serialize();

    formdata.append("action", "form");

    $.ajax({
        type: 'POST',
        url: myajax.ajaxurl,
        contentType: false,
        processData: false,
        dataType: 'JSON',
        status: 200,
        data: formdata,
        success: function( data ){     
            window.location.replace("https://example"); // this doesn't work as well 
        },          
    });         
});

當我單擊“ Submit沒有任何反應，絕對沒有。 所有信息均按原樣存儲在數據庫中，但頁面不響應/不顯示任何內容。

同樣可行的解決方案是僅顯示一條消息，表明表單已成功提交（不是警報）

Answer 1

你有沒有嘗試過的，而不是一個成功的回調， 總是使用？ 您可以嘗試一下

$.ajax({
        type: 'POST',
        url: myajax.ajaxurl,
        contentType: false,
        processData: false,
        dataType: 'JSON',
        status: 200,
        data: formdata            
    }).always(function() {     
       window.location.replace("https://example"); // this doesn't work as well 
    });