我如何從Ajax響應數據中獲取PHP變量數據

Question

我有一個程序，通過單選按鈕發布數據，並通過jquery ajax函數將其發送到php頁面。 我想從此頁面獲取可變數據，以便可以在發送數據的頁面中使用它。 誰能幫我

<script type="text/javascript">
function getDesign() {
    var radioValue = $("input[name='metal']:checked").val();
    $.ajax({
        type: "POST",
        url: "<?php echo SITE_URL; ?>image_filter.php",
        data:'metal='+radioValue,
        success: function(data){
            //$("#desc2").html(data);
            alert(data);
        }
    });
}
</script> 
<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    echo $metal;
?>

我想在我的主頁中使用金屬變量

Answer 1

使用dataType選項以JSON格式接受響應。

<script type="text/javascript">
function getDesign() {
    var radioValue = $("input[name='metal']:checked").val();
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "<?php echo SITE_URL; ?>image_filter.php",
        data: {
           metal: radioValue,
           finish: ''
        },
        success: function(data){
            console.log(data.metal);
            console.log(data.finish);
        }
    });
}
</script> 

<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    echo json_encode([
        'metal' => $metal,
        'finish' => $finish
    ]);
?>

有關dataType，請參閱此文檔

Answer 2

您可以通過以下方式在PHP中返回json：

<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    header('Content-Type: application/json');
    $json = json_encode(array("metal"=>$metal));
    echo $json;
    exit;
?>