WordPress Ajax 操作函数未接收表单数据答案

【问题标题】：WordPress Ajax action function not receiving form dataWordPress Ajax 操作函数未接收表单数据
【发布时间】：2014-04-09 12:34:00
【问题描述】：

我有一个表单，我使用插件中的标准 WP Ajax 技术将一些数据传递给我的 AJAX 操作函数：

基本形式：

<form role="form" id="signup_widget_form" method="post" action="#">
    <input name="action" type="hidden" value="do_ajax_signup" />
    <div class="input-group">            
        <input type="email" class="form-control" id="signup_email" placeholder="Email">
        <label for="signup_email"  class="sr-only">Email</label>
        <span class="input-group-btn">
            <button type="submit" class="btn btn-default">Sign Up</button>
        </span>
    </div>    
</form>
<div class="alert" id="signup_form_response"></div>

在我插件的主 php 文件中：

//Instantiate the AJAX handler and load our jQuery
add_action( 'wp_enqueue_scripts', 'signup_enqueue_scripts' );
function signup_enqueue_scripts(){
    wp_enqueue_script( 'signup-ajax-handle', plugin_dir_url( __FILE__ ) . 'ajax.js', array( 'jquery' ) );
    wp_localize_script( 'signup-ajax-handle', 'signup_ajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
}

// The AJAX add actions
add_action( 'wp_ajax_do_ajax_signup', 'do_ajax_signup' );
add_action( 'wp_ajax_nopriv_do_ajax_signup', 'do_ajax_signup' );


// This will perform the server-side AJAX stuff and return a response
function do_ajax_signup(){
   $email = $_POST['signup_email'];
   echo "Your email is " . $email; //this is passed back to the javascript function
   print_r($_POST);  print_r($_GET);
   die();
}

以及执行 AJAX 的 jQuery：

jQuery(document).ready(function($){
    $('#signup_widget_form').submit(function(){

    var form = $(this),
        formData = form.serialize(),
        formMethod = form.attr('method'), 
        responseMsg = $('#signup_form_response');

        $.ajax({
            url: signup_ajax.ajaxurl,
            data: formData,
            method: formMethod,
            success: function(data) {
                responseMsg.html(data);
            }
        });
        return false; //prevent form from submitting
    });
});

这一切都很好，Ajax 回调通过将来自do_ajax_signup() 的响应输出到#signup_form_response div 来工作。问题是来自数据似乎没有传递给do_ajax_signup()。响应仅包含：

您的电子邮件是 Array ( [action] => do_ajax_signup ) Array ( )

为什么$_POST 变量不包含我的序列化表单数据？

【问题讨论】：

标签： php jquery ajax wordpress

【解决方案1】：

<input> 元素缺少 signup_email 名称属性。

<input type="email" ... name="signup_email">
                        ^^^^^^^^^^^^^^^^^^^^^

【讨论】：