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，一切都应该有效。

Ajax请求不处理POST变量

1 个答案: