将input元素转换为JSON并发送到REST服务

时间:2016-11-30 19:43:14

标签: javascript ajax

我正在尝试将HTML输入元素和文本转换为JSON对象,然后将其发送到REST服务。

如何使用vanilla 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(??);
}

2 个答案:

答案 0 :(得分:2)

如果您要发送帖子请求,请将请求正文的JSON数据放在https.send()

类似的东西:

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

答案 1 :(得分:0)

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