php - Jquery 变量返回 null

Question

我现在正在一家 WordPress 商店工作，并尝试实现一个货币转换器。因此，购物车表中有一个可用货币的下拉列表。

点击后，价格应以该货币显示。足够简单...

这是包含列表的 php 的一部分:

<section class="currency-converter-form" style="display:none;">

        <p class="form-row form-row-wide" id="convert_to_field">
        <select name="currency" id="currency" class="currency_to" rel="convert_currency_to" >
            <option value="gbp" >GBP - British Pound Sterling</option>
            <option value="usd" >USD - US Dollar</option>
            <option value="aud" >AUD - Australian Dollar</option>
            <option value="cad" >CAD - Canadian Dollar</option>
            <option value="jpy" >JPY - Japanese Yen</option>
            <option value="nzd" >NZD - New Zealand Dollar</option>
            <option value="rub" >RUB - Russian Ruble</option>
            <option value="chf" >CHF - Swiss Franc</option>
        </select>
        </p>

这是到目前为止我所拥有的 jquery:

jQuery( function( $ ) {

$( document ).on( 'click', '.currency-converter-button', function() {
    $( '.currency-converter-form' ).slideToggle( 'slow' );


    return false;
}).on( 'change', function() {

    var currency = $( "#currency" ).val();

    console.log(currency);

    jQuery.ajax({
    type: 'POST',
    url: currency_conversion.ajaxurl,
    data: {
        action: 'get_conversion',
        currency
    },
    success: function (data, textStatus, XMLHttpRequest) {
        alert(data);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert(errorThrown);
    }
});

    });$( '.currency-converter-form' ).hide();
});

这里的目标 php 只是为了测试:

    add_action( 'wp_ajax_get_conversion', 'get_conversion' );



function get_conversion() {

 $to = $_POST['currency'];

 echo json_encode($to);}

我基本上尝试使用 WordPress 中已有的代码并对其进行调整。如果警报能给我选择的货币，我会很高兴，但它返回 0。

我用谷歌搜索了很多并尝试了不同的方法但没有成功。我会在这里感谢任何帮助。

Answer 1

我不确定这是否是您代码中的唯一问题，但它肯定是一个:传递给 PHP 的数据内的货币值没有键。要传递的正确数据将是:

data: {
    action: 'get_conversion',
    currency: currency
},

有了这个，PHP 现在应该能够访问 $_POST['currency'] 来获取货币值，除非存在其他问题。