JSON return giving as undefinided in jQuery

Question

I have this ajax request:

$.ajax({
    type: "POST",
    url: "retorno.php",
    success: function(data){
        alert(data["nome"]);
    },
    error: function(erro){
        alert(erro);
    }
})

And the return.php file:

<?php 
    $teste=array();
    $teste["nome"]="nometeste";
    $teste["idade"]="aa";
    $a=json_encode($teste);
    echo $a;
?>

The return.php results in:

{
    "nome":"nometeste",
    "idade":"aa"
}

But in the jQuery, within the request ajax, both the data["nome"] as to the data["idade"] return undefinided. What might be going on?

Answer 1

The navigation by the JSON object takes place with point, ie to access the value of nome, you must use data.nome.

Also, I suggest to clarify that you expect a JSON as return, with the parameter dataType: 'json':

$.ajax({
    type: "POST",
    url: "retorno.php",
    dataType: 'json',
    success: function(data){
       alert(data.nome);
    },
    error: function(erro){
       alert(erro);
    }
})