submit与button的大坑
from表单提交的两种方式:
<form action="" method="post" id="myform" name="myform"> <input type="submit" value="提交" class="btn btn-primary btn6 mr10" onclick="cate_add()"> <input type="button" value="返回" onclick="history.go(-1)" class="btn btn6"> </from>
以上代码若使用ajax请求方式,将会出现一下问题以解决办法:
1、ajax请求结束后,仍会出现请求的页面。图示
2、解决办法:
@ 去掉from标签的参数: action="" method="post" name="myform" 。请求页面展示如下效果:
@ 将提交标签修改为:type="botton"
<input type="button" value="提交" class="btn btn-primary btn6 mr10" onclick="cate_add()">
解决办法满足以上两种,将正常发送ajax请求,浏览器正常请求页面。
总结如下:
ajax请求提交按钮类型若为submit,由于是本页跳转将发送两次ajax请求。
ajax请求from标签切除其他请求参数。