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标签切除其他请求参数。

 

转载于:https://www.cnblogs.com/Sophia-zly/p/7366140.html