Jquery 需要一个；“工作……”；我的WordPress Ajax脚本中的指示器

我找到了这个脚本，它允许我使用Jquery在WordPress中使用用户端Ajax。它工作得很好。但它需要有一个“工作…”指示器，因为当你点击提交时，用户认为什么都没有发生。这是代码，请帮忙！我已经被困在这两天了

js代码：

function submit_step_1(){
var step = jQuery("input#name").val(); jQuery.post(ajax.ajaxurl, jQuery("#step_1_form").serialize(),
function(response){jQuery("#step_1_div").html(response);});
}

function submit_step_2(){
var step = jQuery("input#name").val(); jQuery.post(ajax.ajaxurl, jQuery("#step_2_form").serialize(),
function(response){jQuery("#step_2_div").html(response);});
}

php代码

<?php

/*
Plugin Name: Ajax Frontend
Plugin URI: 
Description: A simplified ajax front end
Version: 2
Author: 
*/

wp_enqueue_script( 'ajax', plugin_dir_url( __FILE__ ) . 'ajax.js', array( 'jquery' ) );
wp_localize_script( 'ajax', 'ajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );

add_action( 'wp_ajax_hook_to_step_2', 'step_2m' ); add_action( 'wp_ajax_nopriv_hook_to_step_2', 'step_2m' );

add_action( 'wp_ajax_hook_to_step_3', 'step_3m' ); add_action( 'wp_ajax_nopriv_hook_to_step_3', 'step_3m' );

//Step 1  
function step_1m(){

    echo "<div id='step_1_div'>";
        echo "<form id='step_1_form'>";
            echo "<input id='name' name='name' value='name' type='text'>";
            echo "<input name='action' type='hidden' value='hook_to_step_2'>";
            echo "<input id='submit_button' value='Submit' type='button' onClick='submit_step_1();'>";
        echo "</form>"; 
    echo "</div>";

}

//Step 2
function step_2m(){

    echo "<div id='step_2_div'>";

        $name = $_POST['name'];
        echo $name;

        echo "<form id='step_2_form'>";
            echo "<input id='name' name='name' value='END OF PROCESS' type='text'>";
            echo "<input name='action' type='hidden' value='hook_to_step_3'>";
            echo "<input id='submit_button' value='STOP' type='button' onClick='submit_step_2();'>";
        echo "</form>";

        die();

    echo "</div>";

}

//Step 3
function step_3m(){

        $name = $_POST['name'];
        echo $name;

        die();  
}

add_shortcode("hw_ajax_frontend", "step_1m");

?>

---

使用类似以下内容：

var loadingIndicator = $("#loading").hide();
loadingIndicator.ajaxStart(function() {
    loadingIndicator.show();
}).ajaxStop(function() {
    loadingIndicator.hide();
});

---

我将此添加到我的js函数中，然后添加了工作。。。。现在，工作一直在页面上。对不起，Ajax和JS不是我的强项。一旦我过了这个关，我就可以坚持使用PHP了，这是我最熟悉的：）@Bill:对不起，我还没有测试过它。我解决了这个问题，现在应该可以用了。