zoukankan      html  css  js  c++  java
  • 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标签切除其他请求参数。

  • 相关阅读:
    uniapp
    vue -element admin 修改request,headers添加参数
    uniapp
    css
    uniapp
    uniapp
    vue
    vue
    vue -element 修复select下拉框在移动端需要点击两次才能选中的问题
    vue
  • 原文地址:https://www.cnblogs.com/Sophia-zly/p/7366140.html
Copyright © 2011-2022 走看看