Forma correcta de leer 'echo json_encode()' de JQuery

Question

Estoy usando: echo json_encode ($ Response); para enviar una matriz asociativa a JQuery Ajax. Cada vez que trato de leer cada valor de clave de identificación obtengo un valor indefinido. Por favor, ayudarme a averiguar lo que estoy haciendo tan mal ... Gracias de antemano

Mi Código PHP:

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

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

# #

Mi código 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

¡Es una matriz. Probablemente deberías hacer una alerta (datos ['Contenido']) ;.

Answer 2

También debe establecer el tipo de mimo, que de acuerdo con this question es application/json. Entonces jQuery entenderá que la respuesta es un elemento json. Para hacerlo, usted haría lo siguiente:

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

En su UpdateEditAStudent.php antes de imprimir nada.

Answer 3

Debe definir el dataType correcto o proporcionar el encabezado correcto, como se describe en Lumbendil.

Se puede definir manualmente el dataType a json, por lo que el código se vería así:

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

Answer 4

Usted no tiene que agregar un encabezado en el archivo PHP, sólo tiene que utilizar este Jquery parseJSON function:

Mantenga el código PHP como es:

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

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

Y para el 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

hacer algo como esto

$Stuff = 'Hello world'; 

$Success = true; 
$Content = $Stuff; 

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