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"

 

 

posted @ 2017-03-17 10:43  黄金时代1.0  阅读(1996)  评论(0编辑  收藏  举报