javascript - 如何在没有表单的情况下提交单独的输入字段

Question

最近，我一直在编写一些与页面交互的 Javascript。作为其中的一部分，我需要能够提交 HTML 输入字段。

据我所知，大多数情况下输入字段都是其自身表单的一部分。例如，StackOverflow 的搜索栏具有“search”形式和“q”输入字段。

但是，在我正在使用的特定页面上，输入字段没有自己的表单。它只是包含页面许多部分的更大形式的一部分。

我知道您可以通过调用表单上的 .submit( ) 方法来提交表单。但是，这似乎不适用于单个输入字段。

我知道这个输入字段可以单独提交，因为当您手动输入文本并按 Enter 键时，它就可以工作。我对输入字段没有任何问题，并且可以轻松更改其值。

基本上，我的问题归结为:

如何在不调用 form.submit( ) 的情况下提交单个输入字段？

Answer 1

如果您仅发送此输入，则可以使用 XMLHttpRequest():

var input = document.getElementById('inpputId');
var parameters=input.name+"="+input.value;
var http=new XMLHttpRequest();
http.open('POST','yourfile.php',true);
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", parameters.length);
http.setRequestHeader("Connection", "close");
http.onload=function(){
  //write code after receiving the content
}
http.send(parameters);