How to access array elements from json_encode in jquery?

Question

Process.php

<?php
    $myArray= array("John", "Rita");
    echo json_encode($myArray);
?>

myJquery.js

$.post('Process.php', $(this).serialize(), function(data) {
    alert(data); // output is: ["John", "Rita"]
    alert(typeof(data)); // output is:  string
    alert(data.length);// output is: 19
    alert(data[0]); // output is:  [           //How can I get John here?

    var person = ["John", "Rita"]; 
    alert(typeof(person)); // output is:  object
    alert(person.length);// output is:  2
    alert(person[0]);// output is:  John
}).fail(function() {
    alert( "Some Problem Occured");
});

For an array of jquery, I can easily access array elements, as shown above. But for an array obtained by json_encode in jquery, I am not able to access array elemts. Please, guide me what correction I need in Jquery file?

vaso123 · Accepted Answer · 2016-11-17 10:20:33Z

1

You can use JSON.parse(data) or $.parseJSON(data) to create a JSON object from the string.

Or you can add parameter to the $.post(); to tell it, the response will be a json object.

$.post('Process.php', $(this).serialize(), function(data){



}, 'json') // <--- here you can add json
.fail(function() {alert( "Some Problem Occured" );});

answered Nov 17, 2016 at 10:20

vaso123

12.4k4 gold badges37 silver badges68 bronze badges

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

Comments

NID · Accepted Answer · 2016-11-17 10:20:44Z

0

You should use jQuery.parseJSON()

Example:

var obj = jQuery.parseJSON( '{ "name": "John" }' );
alert( obj.name === "John" );

answered Nov 17, 2016 at 10:20

NID

3,3241 gold badge21 silver badges29 bronze badges

Comments

Qammar Feroz · Accepted Answer · 2016-11-17 10:22:23Z

0

Use JSON Parse like this

$.post('Process.php', $(this).serialize(), function(data){
var data= JSON.parse(data);
alert(data[0]);
}

answered Nov 17, 2016 at 10:22

Qammar Feroz

7188 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to access array elements from json_encode in jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related