javascript获取表单数据的方式

jQuery写多了会发现原生JavaScript变得很陌生,非常简单的.serialize()方法获取表单数据用原生写法都要这么一堆,但是去依赖也是未来趋势,Bootstrap 5 Alpha从2020年6月发布就宣布新的Bootstrap删除了jQuery,并表示不再支持Internet Explorer (IE)。其团队表示,是时候从“过时或不再合适的东西”中继续前进了。
Bootstrap框架最初由Twitter开发并开源,一直是Web开发人员不可或缺的工具。它提供了一组随时可用的UI组件和一个网格系统,这对于需要在 PC 和移动浏览器上良好显示的自适应网页至关重要。从一开始Bootstrap就一直依赖于jQuery框架。最初创建于2006年的jQuery框架是有史以来最流行的JavaScript框架之一。
function getData(form) {
var formData = new FormData(form);
form.insertAdjacentHTML('beforeend', "<input type='hidden' name='security_field' value='1' />");
// iterate through entries...
for (var pair of formData.entries()) {
console.log(pair[0] + ": " + pair[1]);
}
// ...or output as an object
console.log(Object.fromEntries(formData));
}
document.getElementById("contact").addEventListener("submit", function (e) {
e.preventDefault();
getData(e.target);
});