layui表单使用ajax提交时,发现跳转了两次

先看官方文档:

图一:

layui表单使用ajax提交时,发现跳转了两次

图二:

layui表单使用ajax提交时,发现跳转了两次

图三:

layui表单使用ajax提交时,发现跳转了两次

图四:

layui表单使用ajax提交时,发现跳转了两次

理解官方文档form提交过程:(假如表单所在html地址是:localhost:8080/login

1. 像图二中,不填action,则提交的地址是:localhost:8080/login?username=username&password=password

2.像图三,有填action接口,则提交地址是:localhost:8080/login/接口?username=username&password=password

3.对于图四,从1,2点可以看出,表单会提交两次,第一次是ajax里面的地址,第二次是form默认地址(如1,2)

总结,如果没什么异步交换信息提示需求,就不要在form.on里面使用ajax。

如果有表单提交后给出信息提示(如用户名不正确,密码不正确)而不刷新页面,则可以使用图四的方式,但<form>要改为<div>,这样就表单就不会提交给<form>默认地址了