Unable to get the values from JSON Array and Object [duplicate]

Question

In my Javascript and PHP, I've manage to do an .ajax call to get an array. However when I want to display the display the values of each object I'm unable to do so.

PHP:

$request =  '{"request_id":' .$requestId. ', "reqName":"' .$requestName. '", "reqSubject":' .json_encode($requestSubjects). '}';

array_push($requestArray, $request);

echo json_encode($requestArray);

So when I console.log(data) it looks like this:

["{"request_id":13, "reqName":"Rin", "reqSubject":["English","A Math"]}", "{"request_id":14, "reqName":"Rin", "reqSubject":["English","E Math"]}"]

When I console.log(data[0]), I'm able to get the first object:

{"request_id":13, "reqName":"Rin", "reqSubject":["English","A Math"]}

However when I want to get the values of the object like so, console.log(data[0].request_id), it returns an undefined.

Would highly appreciate if someone could tell me what's wrong with my codes. Thank you.

Your response is JSON it means String. You should parse it with: var result=JSON.parse(data[0]); Then result.request_id will give you what you want.. — Dawid C
– Dawid C, Commented Feb 4, 2015 at 12:11

VolkerK · Accepted Answer · 2015-02-04 12:27:05Z

2

["{"request_id":13,
note the " directly after the [. That's not the output format of an array containing objects in the javascript console, but an array that contains strings.
And that's because of

$request =  '{"request_id":' .$requestId. ', "reqName":"' .$requestName. '", "reqSubject":' .json_encode($requestSubjects). '}';

in your php script. You're not building a hashmap/object here but a string. And it is encoded as such by json_encode.

Try it with

$request = array(
    "request_id" => $requestId,
    "reqName" => $requestName,
    "reqSubject" => $requestSubjects,
)
array_push($requestArray, $request);

echo json_encode($requestArray);

answered Feb 4, 2015 at 12:27

VolkerK

96.3k20 gold badges169 silver badges232 bronze badges

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

Comments

Vidya S Masani · Accepted Answer · 2015-02-04 12:41:49Z

1

You can use JSON.stringify() to convert the objects to string.

Just try it out

$request =  {"request_id":"aaaa", "reqName":"bbbb", "reqSubject":"ccc"};
 alert(JSON.stringify($request.request_id));

edited Feb 4, 2015 at 12:41

answered Feb 4, 2015 at 12:34

Vidya S Masani

3982 silver badges14 bronze badges

Comments

Sougata Bose · Accepted Answer · 2015-02-04 12:34:12Z

0

The response you are getting is in json format. You have to parse it first. Try with -

var response = jQuery.parseJSON(data[0]); //parse json data
console.log(response.request_id);

edited Feb 4, 2015 at 12:34

answered Feb 4, 2015 at 12:15

Sougata Bose

31.8k8 gold badges52 silver badges89 bronze badges

1 Comment

Quentin Over a year ago

I think this might be right, but an answer should explain why it is an answer and not just dump code at the reader.

Tintu C Raju · Accepted Answer · 2015-02-04 12:21:15Z

0

In your post you mentioned that

"However when I want to get the values of the object like so,
console.log(data[0].request_id), it returns an undefined."

To treat the result as an object it should be parsed to JSON object by using JSON.parse() method
Otherwise you can use it as an array

data[0]["request_id"]

answered Feb 4, 2015 at 12:21

Tintu C Raju

2,7002 gold badges23 silver badges25 bronze badges

2 Comments

Quentin Over a year ago

data[0]["request_id"] and data[0].request_id are equivalent in JS.

Tintu C Raju Over a year ago

can you please give a proper solution to the problem.

Collectives™ on Stack Overflow

Unable to get the values from JSON Array and Object [duplicate]

4 Answers 4

Comments

Comments

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

2 Comments

Linked

Related