Send Custom HTTP Body with AJAX POST request

Question

How do I send a custom HTTP body with my POST AJAX request in plain Javascript (not JQuery)? I am actually trying to send a JSON file in the body. I can set the custom header fields but can't find how to set HTTP body.

below is the code

function calculateorder() {

    document.getElementById("finalize").style.display = "inline";

    url1 = "https://ethor-prod.apigee.net/v1/stores/";    
    url2 = "/orders/calculate?apikey=wSgbv9PE8aJhDOI17vvTUX1NlAceUXG7";

    url = url1 + store_id + url2;

    var xmlhttp;
    xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            alert(xmlhttp.responseText);
        }
    }

    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-Type", "application/json");
    xmlhttp.send(JSON.stringify(calculate));
}

When I used the same headers and JSON file with Rested (a OSX HTTP client) It works perfectly

Are you trying to read the posted data as a file on the server? If so see stackoverflow.com/questions/16223485/… — Musa
– Musa, Commented Mar 10, 2014 at 2:31
I am not sure. I did the same thing in Java using Data output stream and it worked. I guess server just reads it as a JSON stream. — BrownTownCoder
– BrownTownCoder, Commented Mar 10, 2014 at 2:35

Chen-Tsu Lin · Accepted Answer · 2014-03-10 01:20:31Z

2

Add parameter in XmlHttpRequest Obeject's .send() method

Like this:

xhr.send('username=me');

Send JSON Format Data myData Like this:

xhr.send(JSON.stringify(myData));

edited Mar 10, 2014 at 1:20

answered Mar 10, 2014 at 0:46

Chen-Tsu Lin

23.3k16 gold badges57 silver badges65 bronze badges

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

6 Comments

BrownTownCoder Over a year ago

What if I am sending a JSON file?

Chen-Tsu Lin Over a year ago

a file in your computer? or just a json format data?

BrownTownCoder Over a year ago

Json format data. The json file is perfect. I checked it using Rested. But for some reason, it is not working when used with AJAX.

Chen-Tsu Lin Over a year ago

try xhr.send(JSON.stringify(myData));

Chen-Tsu Lin Over a year ago

any error message on the console? or try console.log(JSON.stringify(myData)) to debug

|

Collectives™ on Stack Overflow

Send Custom HTTP Body with AJAX POST request

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related