Cannot access JSON Properties within an HTTP POST Response

Question

I am calling an HTTP POST Request, the response is JSON data.

POST Request:

const postXHR = new XMLHttpRequest();
postXHR.open('POST', postOptions);
postXHR.setRequestHeader("Accept", "text/json");
postXHR.setRequestHeader("Content-Type", "text/json");
postXHR.onreadystatechange = function() {
    const response = postXHR.response;
    if (response.response) {
        console.log(postXHR.status);
    }
    createNewOptionValues(response);
}
postXHR.send('{"optionName":"optionName46", "platformName":"platformName46","dotDigitalId":3,"googleId":4}');

POST Response/JSON Data:

{
    "data": {
        "rooftopGoogleOptionId": 99,
        "googleId": 4,
        "dotDigitalId": 3,
        "optionName": "optionName46",
        "optionValue": null,
        "platformName": "platformName46",
        "googleAccount": null,
        "dotDigitalAccount": null,
        "updatedBy": null,
        "updatedAt": null,
        "createdBy": "root",
    },
    "status": 201,
    "message": "success"
}

The createNewOptionValue function should log the value of a property within the response.

function createNewOptionValues(obj){
    console.log(obj.googleId);
    console.log(obj['googleId']);
}

Yet, the output is undefined, when using console.log(obj), the response does show.

You need to call JSON.parse() to conver the JSON to an object. — Barmar
– Barmar, Commented Aug 18, 2021 at 4:57
It was throwing error "unexpected end of json input" until I added .data after obj and before .googleId — slowstarder
– slowstarder, Commented Aug 18, 2021 at 5:03
Neither of those should affect whether JSON.parse() works. — Barmar
– Barmar, Commented Aug 18, 2021 at 5:05
I understand what you're saying, I'm just letting you know simply adding JSON.parse(obj.googleId) to the code, did not solve the issue, instead an error was thrown, the error went away when .data was included as JSON.parse(obj.data.googleId); — slowstarder
– slowstarder, Commented Aug 18, 2021 at 5:09

Ashutosh Kumar · Accepted Answer · 2021-08-18 05:01:00Z

1

When you receive a response, it is in "text" format (in most of the cases) So you need to pass that response to JSON.parse for accessing it as a JSON Object.

Adding just 1 line in your createNewOptionValues function will make it work. Also, you need to access obj.data.googleId instead of accessing obj.googleId

function createNewOptionValues(obj){
    obj = JSON.parse(obj)
    console.log(obj.data.googleId);
    console.log(obj.data['googleId']);
}

answered Aug 18, 2021 at 5:01

Ashutosh Kumar

4893 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Cannot access JSON Properties within an HTTP POST Response

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related