javascript - 如何在不提交的情况下获取将提交的所有表单值

标签 javascript jquery html ajax forms

<分区>

我的页面上有一个表单,我正在使用 Javascript/JQuery 向该表单动态添加控件。在某些时候,我需要将客户端表单中的所有值作为集合或查询字符串获取。我不想提交表单,因为我想将表单值连同客户端上的其他信息一起传递给后端 WCF/Ajax 服务方法。因此,我试图弄清楚如何捕获表单实际提交时表单通常会发送到服务器的同一类型集合中的所有值。我怀疑有一种简单的方法可以捕捉到这一点,但我很难过。

最佳答案

如果你的表单标签是这样的

<form action="" method="post" id="BookPackageForm">

然后使用表单对象获取表单元素。

var formEl = document.forms.BookPackageForm;

使用 FormData 对象从表单中获取数据。

var formData = new FormData(formEl);

通过表单数据对象获取字段的值。

var name = formData.get('name');

关于javascript - 如何在不提交的情况下获取将提交的所有表单值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/588263/

相关文章:

javascript - 调用 h :commandButton submit 后关闭模态面板

html - 是否可以选择没有特定类型子元素的元素?

javascript - 如何在 karma + jasmine 中测试我的 Angular 作用域函数?

javascript - 与 <noscript> 相反

php - Trumbowyg:如何使用 Jquery .html() 或 .text() 放置文本

javascript - jQuery attr 似乎不返回字符串?

html - 如何在更大的显示器上缩放 jumbotron bootstrap?

html - 使多个 div 适合其父 DIV 高度

javascript - MeteorJS 发布查询不起作用

javascript - 在 Visual Studio Code 中运行 JavaScript