button按钮 影响了ajax的回调函数
<!-- <button class="login-btn" style=" " onclick="return zhuce()">注册 </button> --> <input class="login-btn" type="button" style="height:4.5rem; color:#fff"onclick="return zhuce()" value="注册"/>
这是两种完全不同的写法,button按钮依然可以提交表单
如果form标签上写上了提交的地址,那么不管你是否采用了ajax,点击这个按钮的时候都会把这个表单的信息进行提交
button按钮上面加上了ajax的事件,那么他的执行顺序是: 先执行ajax,触发里面的事件,走完以后接着走button的按钮提交表单参数
最后看到的页面效果,是表单提交以后的效果,会把返回值直接写到页面上
去掉了from中的action配置,依然没有达到想要的结果,页面确实不在跳转,但是没有触发ajax的回调函数,成功和失败的都没有执行
原因在于:触发ajax的按钮点击事件,采用的是button 按钮而不是 type="button"