html禁止表单自动提交

测试网页时,发现网页每次都会自动提交,发出请求。经过查找和测试,发现是form表单会自动提交,从而导致页面自动刷新。然后就找到了下面的方法。

在form表单的提交中我们往往要阻止表单的自动提交,阻止页面自动刷新,运用ajax异步获取数据动态刷新页面的效果,下列有两种办法:

1.直接在HTML中


2.通过js实现
var form = document.getElementsByTagName('form')[0];
form.addEventListener('submit',function(e){
var event = e || window.event;
event.preventDefault();
});

 

你可能感兴趣的:(前端,html)