如何使用ajax將javascript變量傳遞給php

Question

我想將javascript變量傳遞給php文件。 在這里我附上了我的代碼

function Calculate(val)
    {

        var h = document.getElementById('xyz').textContent ;
        var result = h * val;
        result = result.toFixed(2);
        document.getElementById('lblRes').innerHTML ='$'+ result;
        $('#ori_price').hide();

        $.ajax ({
            url: 'nonmembersdetail1.php',
            type : 'POST',
            data : {val : h},
            success: function( result ) {
                alert( result );
            }
        });
   }

<?php
echo "<td ><label id='xyz' name='xyz'>".  $row->nonmember_price  ."</label></td>";
echo "<td ><input type='text' style='width:40px' id='words' name='qty' value='1' onchange='Calculate(this.value);'  /></td>";
?>

在我的nonmembersdetail1.php代碼中

echo ( $_POST['val'] );

我沒有在php文件中獲得價值。 請任何人幫助我。謝謝！

Answer 1

在瀏覽器控制台中簽入，是否實際上已觸發AJAX調用，或者在此之前您遇到任何錯誤。 因為AJAX調用中沒有錯誤，所以您應該在PHP的POST數組中獲取val值。

Answer 2

您是否考慮過兩次使用變量result ？ 在您觸發ajax調用之前，在您的代碼中添加一個，在ajax-calls響應內部添加一個。 更改變量的名稱，並告訴我們它是如何工作的。

function Calculate(val)
{

    var h = document.getElementById('xyz').textContent ;
    var amount = h * val;
    amount = amount.toFixed(2);
    document.getElementById('lblRes').innerHTML ='$'+ amount ;
    $('#ori_price').hide();

    $.ajax ({
        url: 'nonmembersdetail1.php',
        type : 'POST',
        data : {val : h},
        success: function( result ) {
            alert( result );
        }
    });
}