Sending Http POST Request through Rest API in Javascript

Question

I am trying to send an Http post request to parse.com server through Rest API keys. Not sure if I am doing it right as below. The following is my whole script and makes a button which should trigger the post request in a simple HTML page.

<input id="clickMe" type="button" value="clickme" onclick="doFunction();" />
<script>

xmlhttp = new XMLHttpRequest();
var url = "https://api.parse.com/1/classes/english";
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.setRequestHeader("X-Parse-Application-Id", "VnxVYV8ndyp6hE7FlPxBdXdhxTCmxX1111111");
xmlhttp.setRequestHeader("X-Parse-REST-API-Key","6QzJ0FRSPIhXbEziFFPs7JvH1l11111111");
xmlhttp.onreadystatechange = function () { //Call a function when the state changes.
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        alert(xmlhttp.responseText);
    }
}
var parameters = {
    "ephrase": "english",
    "pphrase": "farsi",
     "nvote": 0,
    "yvote": 0
};
// Neither was accepted when I set with parameters="username=myname"+"&password=mypass" as the server may not accept that

function doFunction() {
  xmlhttp.send(parameters);
}

</script>

what error are you getting?

Obscure Geek
– Obscure Geek

2015-06-22 09:43:52 +00:00
Commented Jun 22, 2015 at 9:43 — Obscure Geek
– Obscure Geek, Commented Jun 22, 2015 at 9:43
I get no error. There is just nothing happening.

Amir
– Amir

2015-06-26 02:15:13 +00:00
Commented Jun 26, 2015 at 2:15 — Amir
– Amir, Commented Jun 26, 2015 at 2:15

Quentin · Accepted Answer · 2015-06-22 09:45:16Z

13

xmlhttp.send(parameters);
             ^^^^^^^^^^

That needs to be a string, but it is an object, so will be converted to the string: "[object Object]".

You need to convert the data to the proper encoding first.

You've said:

xmlhttp.setRequestHeader("Content-type", "application/json");

so you can use JSON.stringify(parameters) for that.

answered Jun 22, 2015 at 9:45

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

27 Comments

viveksinghggits Over a year ago

im also trying to do the very same thing and the parameter that I am passing is string, even though getting XHR failed loading: POST

mast3rd3mon Over a year ago

stringifying the data means a content type of text/plain needs to be sent, application/json suggest the body is a json object

Quentin Over a year ago

@mast3rd3mon — There is no such thing as a JSON object. The return value of JSON.stringify is a string of JSON not a string of plain text.

mast3rd3mon Over a year ago

which is formatted/written out as "{propName: 'someValue'}" which is a string

Quentin Over a year ago

@mast3rd3mon — It would be '{"propName": "someValue"}' which is a string of JSON.

|

Collectives™ on Stack Overflow

Sending Http POST Request through Rest API in Javascript

1 Answer 1

27 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

27 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related