Akshay Khetrapal Akshay Khetrapal - 2 months ago 27
Javascript Question

Make XmlHttpRequest POST using JSON

How can I make an AJAX POST request sending JSON data using vanilla JS.

I understand the content-type is url form encoded and it doesn't support nested JSONs.

Is there any way I can make such a POST request using nested JSON in plain old JS. I've tried the various serialize methods found here on SO but they all flatten my JSON into one format.

Here's my JSON:

{
email: "hello@user.com",
response: {
name: "Tester"
}
}

Answer

If you use JSON properly, you can have nested object without any issue :

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xmlhttp.send(JSON.stringify({ email: "hello@user.com", response: { name: "Tester" } }));