JQuery getJSON() parsing yields "undefined" values

Question

I am using JQuery's getJSON() to request JSON from my web server. Then, I want to parse the response. The format of the JSON response is as follows:

{
    "responseStatus": "200",
    "responseData": {
        "resultText": "Hello"
    },
    "originalText": "hi"
}

And my JQuery code:

$.getJSON(url, function (json) {
     $.each(json, function (i, result) {
         alert(result.resultText);
     });
});

The problem I am facing is that I receive three alert windows in a row: "Undefined", "Hello", and "Undefined". I am only looking to get and show the single value for resultText. Why am I also receiving the "Undefined"?

Thanks!

JAAulde · Accepted Answer · 2011-08-12 16:45:56Z

2

I think you can do:

$.getJSON(url,function(json){

   alert(json.responseData.resultText);       

});

edited Aug 12, 2011 at 16:45

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

answered Aug 12, 2011 at 16:44

Charles Ouellet

6,5364 gold badges45 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

littleK Over a year ago

That did the trick, thanks! I'm new to JQuery, so I'm still trying to learn all of the syntax.

John Kalberer · Accepted Answer · 2011-08-12 16:45:29Z

2

When you iterate through the json object, you will first have the object "responseStatus". If you try to do responseStatus.resultText it is undefined as responseStatus does not have that property. The same goes for "originalText"

In order to see the single result just use:

$.getJSON(url, function (json) {
    alert(json.responseData.resultText);
});

answered Aug 12, 2011 at 16:45

John Kalberer

5,8001 gold badge25 silver badges27 bronze badges

Comments

genesis · Accepted Answer · 2011-08-12 16:45:53Z

2

try this one (you can do it directly)

$.getJSON(url,function(json){
         alert(json.responseData.resultText);
});

answered Aug 12, 2011 at 16:45

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Comments

JAAulde · Accepted Answer · 2011-08-12 16:47:29Z

2

You're iterating the entire response...meaning you're hitting

responseStatus
responseData
originalText

However, only your responseData property has a resultText property.

answered Aug 12, 2011 at 16:47

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-08-12 16:52:59Z

2

responseData is just a plain object why are you using $.each loop just try

$.getJSON(url,function(json){
    alert(json.responseData.resultText);       
});

You are getting three alerts because you are looping through whole json object which has 3 properties

$.getJSON(url, function (json) {
     $.each(json, function (i, result) {
         //In this loop result will point to each of the properties
         //of json object and only responseData has resultText property 
         //so you will get proper alert other wise for other properties
         //it is undefined. 
         alert(result.resultText);
     });
});

edited Aug 12, 2011 at 16:52

answered Aug 12, 2011 at 16:45

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

JQuery getJSON() parsing yields "undefined" values

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related