使用JSON通過Ajax jQuery到PHP

>本教程演示瞭如何通過ajax（POST方法）從jQuery發送JSON數據到PHP腳本，然後將該數據解碼為可用的PHP變量。 雖然此示例使用表單輸入，但JSON數據來源是靈活的。

>

> jQuery ajax實現

此AJAX函數將JSON數據傳輸到服務器端PHP腳本：>

$.ajax({
    type: "POST",
    url: targetURL,
    async: false,
    data: JSON.stringify($('#form').serializeArray()),
    success: function(data){
        console.log(data);
        return true;
    },
    complete: function() {},
    error: function(xhr, textStatus, errorThrown) {
        console.log('AJAX loading error: ' + textStatus + ' - ' + errorThrown);
        return false;
    }
});

生成的JSON類似於此（名稱值對）：

PHP數據處理

data=[{"name":"product","value":"riserva shiraz wine glass"},{"name":"supid","value":"81"},{"name":"brandid","value":"60"},{"name":"blid","value":"7"},{"name":"cid","value":"381"}];

PHP代碼解碼JSON並處理數據：>

（注意：使用的原始代碼

;已將其糾正到

> post request。）

// Decode JSON string into a PHP associative array
$decoded = json_decode($_POST['data'], true); // Note: Changed to $_POST

// Output values:
echo "Outputting values:\n";
foreach ($decoded as $value) {
    echo $value["name"] . "=" . $value["value"] . "\n";
}

// Set values as PHP variables:
echo "\nSetting variables:\n";
foreach ($decoded as $value) {
    $$value["name"] = $value["value"];
    echo $value["name"] . "=" . $$value["name"] . "\n";
}

>

$_GET常見問題（FAQS）$_POST

>

本節解決了有關JQuery，PHP，Ajax和JSON互動的常見問題。

>在jQuery ajax中處理錯誤：

在jQuery ajax呼叫中使用
• 的方法優雅地捕獲和處理錯誤。

  回調函數接收錯誤信息（例如，，，.fail()），允許進行特定的錯誤處理。 .fail()> xhr textStatus errorThrown

  >使用jquery ajax發送多個數據：在
的
• >選項中使用object trialal。 對像中的鍵值對錶示要發送的數據。 PHP通過

  或>。 訪問此數據 data $.ajax() $_POST>$_GET使用從jquery中返回的php返回的JSON數據：

  >使用
>將從PHP接收到的JSON字符串轉換為JavaScript對象，以便於訪問。 >

• >同步與異步ajax：$.parseJSON() jquery ajax默認情況下是異步的（

  >）。設置
使其同步，但這通常會灰心，因為它可以阻止瀏覽器。

• async: true>將JSON對像從jQuery發送到php：在jQuery中使用async: false>在發送之前將JavaScript對象轉換為JSON字符串。 php使用

  來解析。

• >>使用post並在jQuery ajax中獲取方法：使用JSON.stringify()json_decode()用於發布請求，

  >
用於獲取請求。 這些是
• >的簡化版本

  $.post()在jQuery ajax中設置內容類型：在$.get()>中使用$.ajax()>選項。對於JSON，將其設置為

  。

• >>處理成功的AJAX請求：使用jQuery中的方法來處理成功的響應。 contentType

• > 取消AJAX請求：使用取消掛起AJAX請求的方法。 取決於瀏覽器和請求類型。 .abort()

  請記住將
替換為PHP腳本的實際URL。 一個工作示例需要服務器上的功能性PHP腳本。

以上是使用JSON通過Ajax jQuery到PHP的詳細內容。更多資訊請關注PHP中文網其他相關文章！