將輸入元素轉換爲JSON併發送到REST服務

Question

我試圖將HTML輸入元素和文本內部轉換爲JSON對象，然後將其發送到REST服務。

我該如何去做這個使用香草JS，而不是JQuery或任何其他庫。我不知道要在http.send（）中放入什麼來發送輸入字段中的文本。

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(??); 
} 

Answer 1

如果你發送一個POST請求，你把你的請求體的JSON數據https.send（）內

東西如：

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

Answer 2

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; 
}