Retrieving and Sending JSON data using XMLHttpRequest?

Question

I am learning about using XMLHttpRequest to recieve JSON data from an api and also to post data, I have the following code to GET the JSON data,

var xmlhttp = new XMLHttpRequest(), json;

xmlhttp.open('GET', 'URL', true);
xmlhttp.send();

xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState === 4 && xmlhttp.status === 200) {
        json = JSON.parse(xmlhttp.responseText);
        console.log(json);
        var string = JSON.stringify(json);
        console.log(string);
    }
};

However I am struggling to work out how to POST the data back to an api, after I have stringified a JSON object is this how I POST it?

var xhr = new XMLHttpRequest();
xhr.open('POST', 'URL', true);
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
xhr.send(string);

shanmuga raja · Accepted Answer · 2016-12-14 01:45:36Z

1

Try this

var xhr = new XMLHttpRequest();
xhr.open('POST', 'URL');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        alert(xhr.responseText);
    }
}
xhr.send(JSON.stringify(myData));

answered Dec 14, 2016 at 1:45

shanmuga raja

7258 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Retrieving and Sending JSON data using XMLHttpRequest?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related