正確的方式來閱讀從JQuery echo'json_encode（）'

Question

我正在使用：echo json_encode（$ Response）;將關聯數組發送回JQuery Ajax。每當我嘗試讀取每個ID鍵值時，我都會得到一個未定義的值。請幫我找出我在做什麼錯了...在此先感謝

我的PHP代碼：

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

$Response = array('Success' => $Success, 'Content' => $Content); 
echo json_encode($Response); 

＃ ＃

我的JS代碼：

var sFirstName  = $('#student_first_name').attr('value'); 

$.ajax({ 
    type: "GET", 
    url: "../pgs/UpdateEditAStudent.php", 
    data: "FirstName="+ sFirstName , 

    //The below code will give me: {"Success":true,"Content":"Hello world"} 
    success: function(data){$("#Ajax_response").html(data);} 

    //The popup window will show me "Undefined" 
    //and: {"Success":true,"Content":"Hello world"} 
    success: function(data){$("#Ajax_response").html(data); alert(data.Content);} 
}); 

Answer 1

這是數組。你應該做alert（data ['Content']）;.

Answer 2

您應該設置MIME類型以及，根據this question是application/json。然後jQuery會明白答案是一個json元素。要做到這一點，你會做到以下幾點：

header('Content-Type: application/json'); 

在你UpdateEditAStudent.php打印任何東西之前。

Answer 3

您需要定義正確的dataType或提供正確的標題，正如Lumbendil所述。

您可以手動定義dataType到json，所以你的代碼看起來像：

$.ajax({ 
    type: "GET", 
    url: "../pgs/UpdateEditAStudent.php", 
    data: "FirstName="+ sFirstName , 
    dataType: "json", 
    ...etc 

Answer 4

您不必到頭添加到PHP文件，只需使用該Jquery parseJSON function：

保持這個PHP代碼，因爲它是：

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

$Response = array('Success' => $Success, 'Content' => $Content); 
echo json_encode($Response); 

而對於JS：

$.ajax({ 
    type: "GET", 
    url: "../pgs/UpdateEditAStudent.php", 
    data: "FirstName="+ $('#student_first_name').val(), 

    success: function(data){ 
     // Here is the tip 
     var data = $.parseJSON(data); 

     alert(data.Content); 
    } 
}); 

Answer 5

做這樣的事情

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

$Response = array('Success' => $Success, 'Content' => $Content); 
echo json_encode($Response);