Convert input element to JSON and send to REST service

Question

I'm trying to convert a HTML input element and the text within to a JSON object and then send it to a REST service.

How do I go about doing this using vanilla JS, not JQuery or any other libs. I have no clue what to put inside http.send() to send the text inside the input field.

HTML

<input id="answer" name="message" type="text" onclick="sendAnswer()" />

JS

function sendAnswer() {
    http.open("POST", nextUrl, true);
    http.setRequestHeader("Content-type", "application/json");

    http.send(??);
}

http://stackoverflow.com/a/4033310/3841898 **dublicated** – ahankendi Nov 30 '16 at 19:45 — ahankendi, Nov 30 '16 at 19:45
@ahankendi - Except that question is about a GET request. – tymeJV Nov 30 '16 at 19:48 — tymeJV, Nov 30 '16 at 19:48

score 2 · Accepted Answer · answered Nov 30 '16 at 19:50

2

If you're sending a post request, you put the JSON data for your request body inside the https.send()

something like:

var data = JSON.stringify({"email":"email@email.com","name":"Bob"});
http.send(data);

answered Nov 30 '16 at 19:50

Nicholas Siegmundt

800
6
28

score 0 · Answer 2 · answered Nov 30 '16 at 19:58

function postRequest(theUrl)
{
          var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
          xmlhttp.open("POST", "enter your url");
          xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
          xmlhttp.send(JSON.stringify({name:"example name", surname:"data"}));
       return xmlHttp.responseText;
}

Convert input element to JSON and send to REST service

2 Answers2