Retrieving data from JSON data in Javascript

Question

I have the following JSON data from my API

[{"email":"[email protected]","status":"Active"}]

This is the JS/jQuery code I am using to get the data

function formLogin() {
    var email = document.getElementById("email").value;
    var password = document.getElementById("password").value;

    var dataString = "email=" + email + "&password=" + password;

    jQuery.ajax({
        url: "http://localhost/OnlineShop/API/fetch_user_login_api.php",
        data: dataString,
        type: "POST",
        success: function(data) {
            $("#login-form").html(data);
            console.log('success');
            //window.location.href = "store.html?shopper=";

            var obj = jQuery.parseJSON(data);
            alert(obj.email);

        },
        error: function() {
            console.log('error');
        }
    });
    return true;
}

alert(obj.email) is throwing undefined. How do I retrieve the email and status from the JSON result?

as you mentioned in your question. Your data is already in JSON. why are your parsing it again to JSON? — Muhammad Usman
– Muhammad Usman, Commented Nov 6, 2017 at 7:27
a PHP page is passing it back in JSON, so want to use the returned response. — edy.devs
– edy.devs, Commented Nov 6, 2017 at 7:31

Stéphane Ammar · Accepted Answer · 2017-11-06 07:33:17Z

2

Your "data" variable is already an object or an array, you don't need to call parseJSON.

Then, it seems that your object is an Array of objects This should work:

 alert(data[0].email);

I advice you to check if your array is empty or not before calling this line.

edited Nov 6, 2017 at 7:33

answered Nov 6, 2017 at 7:27

Stéphane Ammar

1,45410 silver badges17 bronze badges

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

1 Comment

Muhammad Usman Over a year ago

this may be the reason. but he is parsing JSON to JSON, mention that too

Jay Joshi · Accepted Answer · 2017-11-06 07:30:50Z

0

The API returns [{"email":"[email protected]","status":"Active"}] as it is of type Array.

first you need to take the first element of the Array by obj = obj[0].

then it is something like {"email":"[email protected]","status":"Active"}.

now you can get the email element by simply obj["email"]

answered Nov 6, 2017 at 7:30

Jay Joshi

8888 silver badges24 bronze badges

Comments

yupengzhang · Accepted Answer · 2017-11-06 07:33:16Z

0

if you call your api and get the result like this:

[{"email":"[email protected]","status":"Active"}]

it's an array, what you can do to fix the error is:

1) change your api response structure to JSON not array

2) use for to iterate your response

And I advice you next time, you have this kind of error, just console.log the raw data to find what's the structure of it, and you'll have the solution.

answered Nov 6, 2017 at 7:33

yupengzhang

543 bronze badges

Collectives™ on Stack Overflow

Retrieving data from JSON data in Javascript

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related