阻止form表单提交跳转阻止form表单提交跳转

我们在前端开发过程中，会经常把数据提交给后台，其中少不了需要form进行表单提交。但是碰到在form中提交会默认跳转到接口页面。
我们新建一个demo

Document - 锐客网账号：

上面是一个最简单的demo,后台接口是自己用node服务器模拟的，会返回

{ code:'1', msg:'提交成功' }

现在我们测试下：

文章图片
stop.gif 发现点击提交后会自动跳转到接口地址，这可不是我们想要的结果。解决办法如下，修改上面的html代码：

Document - 锐客网账号：

【阻止form表单提交跳转】我们建一个隐藏的iframe，增加name属性，这里用stop为例，然后在form上增加target属性，值和iframe的name值相等。现在再测试下，发现成功阻止。

文章图片
success.gif

阻止form表单提交跳转