accéder aux données json à partir de jquery

Question

Je crée une application ajax en utilisant jQuery 1.4.2 et j'ai essayé d'utiliser get(), post() et la méthode ajax() elle-même. Mon php service retourne:

[{"k":"label0","v":0.5},{"k":"label1","v":99.43},{"k":"label2","v":2.46},{"k":"label3","v":46.29},{"status":"OK"}] 

dans mon rappel de succès que j'ai essayé d'accéder à de json.status et JSON [0] [0] mais il retourne toujours "non défini". Qu'est-ce que je fais mal?

function getSysinfo(source) { 
    var json = null; 
    $.ajax({ 
     url: source, 
     type: 'POST', 
     dataType: 'json', 
     success: function (data) { 
      json = eval("(" + data + ")"); 
      $('#data').html(json.status); 
      alert(json[0][0]); 
      refreshChart(json); 
     }, 
     error: function (request, status, error) { 
      alert("REQUEST:\t" + request + "\nSTATUS:\t" + status + 
        "\nERROR:\t" + error); 
     } 
    }); 
    return json; 
} 

Cela fait des jours que je fais des recherches sur Google. Comment diable puis-je accéder aux données renvoyées? Toute aide serait appréciée.

Answer 1

Pour accéder à cette valeur d'état vous avez besoin:

data[4].status 

C'est parce qu'il est un objet stocké dans le cinquième élément dans un tableau, status étant une propriété sur l'objet.

Answer 2

Dans votre essai de rappel de succès:

var parsed = $.parseJSON(data); 
$.each(parsed, function (i, jsondata) { 
    alert(jsondata.k); 
    alert(jsondata.v); 
}); 

Answer 3

Vous n'avez pas besoin eval("("+data+")");. jQuery est l'analyse automatiquement la réponse JSON pour vous parce que vous avez spécifié dataType:'json'

De la documentation jQuery pour dataType:

« JSON »: Évalue la réponse JSON et retourne un objet JavaScript. Dans jQuery 1.4, les données JSON sont analysées de manière stricte; Tout fichier JSON mal formé est rejeté et une erreur d'analyse est générée. (Voir json.org pour plus d'informations sur la mise en forme correcte JSON.)

Answer 4

pas nécessaire d'utiliser eval plus utiliser le code ci-dessous qui peut être plus pour JSON

$.getJSON(url+query,function(json){ 
      $.each(json,function(i,value){ 

      }); 
     }); 

Answer 5

nategood déjà écrit que vous n » Il faut faire quelque chose avec des données, c'est déjà un objet.

Dans ce cas, il est un tableau, si vous souhaitez accéder au statut, vous devez le récupérer à partir du dernier élément de la matrice de données (c'est où vous le trouverez dans ce tableau):

data[data.length-1].status 

Mais peut-être que vous devriez penser à une autre structure de votre JSON, il ne semble pas très à l'aise.

Quelque chose comme ça:

{ 
"items":[ 
     {"k":"label0","v":0.5}, 
     {"k":"label1","v":99.43}, 
     {"k":"label2","v":2.46}, 
     {"k":"label3","v":46.29} 
     ], 
"status":"OK" 
} 

... devrait être plus facile à manipuler, car vous pouvez simplement accéder data.status au lieu de regarder d'abord où vous pouvez le trouver dans la réponse (ce qui peut être ERROR- enclin).

Answer 6

Votre JSON données ressemble à ceci:

[ 
    { 
     "k": "label0", 
     "v": 0.5 
    }, 
    { 
     "k": "label1", 
     "v": 99.43 
    }, 
    { 
     "k": "label2", 
     "v": 2.46 
    }, 
    { 
     "k": "label3", 
     "v": 46.29 
    }, 
    { 
     "status": "OK" 
    } 
] 

Vous devrez lire votre statut en utilisant

json[4].status 

avec le 4 comme un nombre magique ou length-1 - pas souhaitable.Je considère modifier vos serveurs réponse à quelque chose de plus utile comme ceci:

{ 
    "status": "OK", 
    "entries": [ ... ] // add your data here 
} 

Answer 7

Le paramètre de données est le JSON décodée comme vous pouvez le voir dans cet exemple:

http://www.jsfiddle.net/rLprV/1/