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); });