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

标签 javascript input textfield

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

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

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

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

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

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

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

最佳答案

如果您仅发送此输入,则可以使用 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);

关于javascript - 如何在没有表单的情况下提交单独的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29502639/

相关文章:

Javascript。比较 UNIX 时间戳

jquery - 重置jquery输入的默认值

input - Ionic 2 ionic 输入没有浏览器自动填充?

HTML 表单在输入文本中按 'Enter' 导致单击按钮

swift - 对于支持多个场景的应用程序,如何使用 SwiftUI 隐藏 .phonePad 类型的键盘?

ios - 在 ios 中创建 excel 电子表格文件

javascript - 使用 Material 的 GridList 选择正确的项目

javascript - 将点击事件绑定(bind)到Google自定义搜索中的 'search'按钮

javascript - Vuejs 列表循环 - 根据每个子项的属性添加类

Java 文本字段 2 颜色