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