• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax提交Form表单页面仍会刷新问题的快速解决办法

    搞了半天原来点击提交按钮 少加了个type="button"  原来是  form >  button id="sub" />   /form>  结果怎么弄都会刷新页面,加上就好了

     PS:form 表单中存在button时ajax提交后自动刷新问题

    //在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...)
    form class="form-horizontal">
    div class="form-group">
    label class="col-sm-3 control-label">修改资料名称:/label>
    div class="col-sm-7"> input type="text" placeholder="test22" class="form-control">/div>
    div class="col-sm-2">
    button class="btn btn-primary" onclick="resetCertificateName(14)">修改/button>
    /div>
    /div>
    /form>

    当form中存在button标签时,用ajax异步提交表单后,也面会被刷新。(感觉很诡异)

    原因:button 存在时会再次提交一下表单,所以页面被刷新了。(之前认为button type='submit' 时)button才有提交表单的功能。

    解决:button标签换成a标签就可以了。a class="btn btn-primary" onclick="resetCertificateName(14)">修改/a>

    以上所述是小编给大家介绍的 Ajax提交Form表单页面仍会刷新问题的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • jquery的ajax提交form表单的两种方法小结(推荐)
    • jQuery实现form表单基于ajax无刷新提交方法详解
    • jquery validate和jquery form 插件组合实现验证表单后AJAX提交
    • 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
    • Jquery基于Ajax方法自定义无刷新提交表单Form实例
    • jquery序列化form表单使用ajax提交后处理返回的json数据
    • jquery实现ajax提交form表单的方法总结
    • Jquery通过Ajax方式来提交Form表单的具体实现
    上一篇:使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)
    下一篇:ajax跨域访问报错501的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax提交Form表单页面仍会刷新问题的快速解决办法 Ajax,提交,Form,表单,页面,