为隐藏的输入标签添加值并提交表单
我有一个显示我的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">
看到这个答案：HTML中的id和name属性之间的区别
您需要为您的隐藏标记添加名称属性。
这个名字就是你所说的。
<input type="hidden" name="payload" id="payload">
上一篇: Adding value to hidden input tag and submitting to form