拦截获取form数据

221 阅读1分钟

form表提交

form表单提交数据的时候,会跳转到action指定的url,无法看到提交的数据。

给form表单添加sumbit事件,并进行拦截,并打印提交的参数。

下面是添加的事件:

//formId是form表单的id
document.getElementById("formId").addEventListener("submit",function(event){
    //阻止form表单默认的提交事件
    event.preventDefault();
    //通过form初始化form表单数据
    let formData = new FormData(this);
    for(var pair of formData.entries()){
        console.log(pair[0]+":"+pair[1]);
    }
})

通过event.preventDefault();

这里面通过form的sumbit的事件自身的this初始化一个formData,获取提交的数据。