javascript获取表单数据的方式

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

Post Comment