Javascript restapi发布表单

我是REST新手，我正在尝试向JSON主体添加一个变量，以便为值提供一个输入表单

在将脚本包装到函数中之后，我还尝试将getElementID与此HTML表单一起使用，但没有成功

    var requestBody = "{'companyid':'getElementById('companyid')','knowledgeid':'getElementById('knowledgeid')','source_code':'getElementById('source')','article_title':'getElementById('title')'}"; 

var client=new XMLHttpRequest();
client.open("post","<URL>");

client.setRequestHeader('Accept','application/json'); 
client.setRequestHeader('Content-Type','application/json');

client.setRequestHeader('Authorization', 'Basic '+btoa('admin'+':'+'admin'));

client.onreadystatechange = function() { 
    if(this.readyState = this.DONE) {
        document.getElementById("response").innerHTML=this.status + this.response; 
    }

}; 
client.send(requestBody);

var requestBody=“{'companyid'：'getElementById（'companyid'），'knowledgeid'：'getElementById（'knowledgeid'），'source\u code'：'getElementById（'source'），'article\u title'：'getElementById（'title'）；
var client=new XMLHttpRequest（）；
client.open（“post”，“post”）；
setRequestHeader（'Accept'，'application/json'）；
setRequestHeader（'Content-Type'，'application/json'）；
setRequestHeader（'Authorization'，'Basic'+btoa（'admin'+'：'+'admin'））；
client.onreadystatechange=函数（）{
if（this.readyState=this.DONE）{
document.getElementById（“response”）.innerHTML=this.status+this.response；
}
}; 
client.send（请求主体）；

表格如下：

<form enctype="application/json" action="<URL>" method="post">
Title:<input id="title" type="text"></input>
Company:<input id="companyid" type="text"></input>
KnowledgeID:<input id="knowledgeid" type="text"></input>
HTML:<input id="source" type="text" ></input>


<input type="button" value="Send" onClick="restRequest()"></input>

标题：
公司：
知识ID：
HTML:

在定义

requestBody

的值时，您不希望获取元素本身，而是它的值。你还引用了一个，所以它不会被评估

var requestBody = "{'companyid': '" + document.getElementById('companyid').value + "', 'knowledgeid': '" + document.getElementById('knowledgeid').value + "', 'source_code': '" + document.getElementById('source').value + "', 'article_title': '" + document.getElementById('title').value + "'}";

---

构造主体时需要小心使用适当的连接，请参见下面的alertbox

var requestBody = "{companyid: " + document.getElementById(companyid).value + ", knowledgeid: " + document.getElementById(knowledgeid).value + ", source_code: " + document.getElementById(source).value + ", article_title: " + document.getElementById(title).value + "}";

alert(requestBody);

我建议花点时间看看JQuery框架。这会让你的生活更轻松