Ajax 请求不处理 POST 变量

Question

在过去的几个小时里，我已经阅读了每一篇文章，并尽我所能 - 所以我向社区寻求帮助！

我有一个 BMI 计算器，它运行良好。但是我正在尝试通过 AJAX 处理表单，现在我的 ajax 请求工作正常并且我收到了响应，但它不包含我的任何 POST 数据。

另外让我提一下我正在使用 WordPress。

这是我的 AJAX：

jQuery(document).ready(function($) {

    /*--------------------------------------------------------------
     # BMI Calculator Ajax Call
     --------------------------------------------------------------*/
    $('form#bmi-calculator').on( 'submit', function(e) {

        // ajax request
        $.ajax({
            url : ajax_object.ajax_url,
            type : 'POST',
            data : {
                'action' : 'fitnessgym_bmi_calculator',
            },
            success : function( response ) {
                $('.bmi-results').append( response );
                console.log( response );
            },
            alert : function( error ) {
                alert( 'error' )
            }

        });
        e.preventDefault();
    });

});

这是我的回调函数：

/*-------------------------------------------------------------------
  Process the BMI Calculator
--------------------------------------------------------------------*/
add_action( 'wp_ajax_fitnessgym_bmi_calculator', 'fitnessgym_bmi_calculator' );
add_action( 'wp_ajax_nopriv_fitnessgym_bmi_calculator', 'fitnessgym_bmi_calculator' );


function fitnessgym_bmi_calculator() {

    // Sanitize post variables.
    $allowed_html = array();
    $weight = trim(sanitize_text_field(wp_kses($_POST['bmi_weight'], $allowed_html)));
    $height = trim(sanitize_text_field(wp_kses($_POST['bmi_height'], $allowed_html)));
    $age = trim(sanitize_text_field(wp_kses($_POST['bmi_age'], $allowed_html)));

    // Do the Calculation.
    $equation = $weight / $height;

    echo 'Weight is: ' . $weight . '<br>';
    echo 'Height is: ' . $height . '<br>';


    // If BMI is Healthy or Not.
    if ($equation < 18.5) {
        $health = esc_html__('Underweight', 'fitnessgym');
    } elseif ($equation > 18.5 && $equation < 24.9) {
        $health = esc_html__('Healthy', 'fitnessgym');
    } elseif ($equation > 25 && $equation < 29.9) {
        $health = esc_html__('Overweight', 'fitnessgym');
    } elseif ($equation > 30) {
        $health = esc_html__('Obese', 'fitnessgym');
    }

    $bmi_response = 'Your BMI is:' . number_format(esc_html($equation), 1) . '<br>Your health is: ' . $health;

    echo $bmi_response;

    wp_die();

}

基本上，当我提交表单时，返回的是：

Weight is: 
Height is: 
Your BMI is:
Your health is: Underweight

所以没有任何 POST 信息。另外让我提一下，我已经尝试过没有任何清理的 POST 变量（包含任何人推荐的）:)

我一生都想不通，为什么这不会显示。任何帮助表示赞赏，谢谢。

Answer 1

您没有在后端发送您期望的数据。

再看看你的 ajax 调用

$.ajax({
    ...
    data : {
        'action': 'fitnessgym_bmi_calculator',
    },
    ...
});

添加你期望得到的数据是

{
    'action': 'fitnessgym_bmi_calculator',
    'bmi_weight': 0,
    'bmi_height': 0.
    'bmi_age': 0
}

将那些缺少的键值对添加到data，一切都会正常。