向隐藏的输入标签添加值并提交到表单
Adding value to hidden input tag and submitting to form
我有一个显示我的 POST 数据的测试页面。我正在尝试查看刚刚提交的帖子,但无法看到我在表单中添加的添加payload
。
.HTML:
<form id="test-form" action="/test/" method="post"> {# pass data to /test/ URL #}
<div class="test-button-set">
<button type="button" id="hdfs-test" class="btn btn-default btn-lg selected">HDFS</button>
<button type="button" id="hive-test" class="btn btn-default btn-lg">HIVE</button>
<button type="button" id="hdfs-hive-test" class="btn btn-default btn-lg">BOTH</button>
</div>
<button id="submit-test" type="submit" class="btn btn-default btn-lg">Submit</button>
<input type="hidden" id="payload">
</form>
.JS:
var testData = {
"timestamp": "",
"hive": 0,
"hdfs": 0,
"beacons":[]
};
var testRun = document.getElementById("test-form");
testRun.addEventListener('submit', function(event) {
event.preventDefault();
testData["timestamp"] = new Date().getTime();
console.log(testData);
var payload = document.getElementById("payload");
payload.value = testData;
$(this).trigger('submit', true);
});
目前,我看不到我给<input type="hidden" id="payload">
的价值,这让我相信它没有被发布。
您需要为输入命名:
<input type="hidden" id="payload" name="payload">
请参阅此SO答案:HTML中ID和名称属性之间的区别
您需要向隐藏标签添加名称属性。
名称是您引用它的名称。
<input type="hidden" name="payload" id="payload">
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)