脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js实现表单提交后不重新刷新页面

js实现表单提交后不重新刷新当前页面

 更新时间：2016年11月30日 09:20:01   作者：limeiky  
本文介绍了如何通过js实现表单提交后不重新刷新当前页面的方法实例.既提交了FORM保存了数据,页面也不会跳转，很实用。需要的朋友可以参考下

如何实现表单提交后不重新刷新当前页面

<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'>
　　<input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" class="Button2" />
　　<input type="button" id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" />
</form>

当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)？

在FORM表单后添加一个iframe

　　<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe>

点保存提交事件里面需要将target改为iframe的名字:

　　JS:document.forms[0].target="rfFrame";

       JQuery:$("#f2").attr("target","rfFrame");

这样即提交了FORM保存了数据,页面也不会跳转.

以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • js window.event对象详尽解析

    js window.event对象详尽解析

    最近因为工作需要，弄了好多天的js了，老婆一问我在弄 ajax, 一问我在弄js，她都听得没有一点兴趣了，我自己感觉还好，毕竟做出来了东西就有成就感吧，这里把几个有用但是不常见的东西贴出来供大家参考参考
    2009-02-02
  • javascript结合Canvas 实现简易的圆形时钟

    javascript结合Canvas 实现简易的圆形时钟

    本文给大家分享的是javascript结合Canvas 实现简易的圆形时钟，主要是对自己前段时间学习html5的canvas的一次小检验，这里推荐给小伙伴们，有需要的可以参考下。
    2015-03-03
  • bootstrap table列和表头对不齐的解决方法

    bootstrap table列和表头对不齐的解决方法

    这篇文章主要为大家详细介绍了bootstrap table列和表头对不齐的解决方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JS获取经纬度并根据经纬度得到城市信息简单示例

    JS获取经纬度并根据经纬度得到城市信息简单示例

    前端时间刚好使用了百度地图的js api定位获取用户当前经纬度并获取当前详细位置的功能,为了方便下次找起来方便一些自己在这里记录一下,这篇文章主要给大家介绍了关于JS获取经纬度并根据经纬度得到城市信息的相关资料,需要的朋友可以参考下
    2023-11-11
  • Javascript中的delete介绍

    Javascript中的delete介绍

    关于JavaScript中的Delete一直没有弄的很清楚，最近看到两篇这方面的文章，现对两文中部分内容进行翻译(内容有修改和添加，顺序不完全一致，有兴趣推荐看原文)，希望能对大家有所帮助
    2012-09-09
  • 动态添加删除表格行的js实现代码

    动态添加删除表格行的js实现代码

    本篇文章主要是对动态添加删除表格行的js实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02
  • 从Immutable.js到Redux函数式编程

    从Immutable.js到Redux函数式编程

    这篇文章主要为大家介绍了从Immutable.js到Redux函数式编程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • TreeView 用法（有代码）（asp.net）

    TreeView 用法（有代码）（asp.net）

    TreeView 用法，后台结合asp.net需要的朋友可以参考下。
    2011-07-07
  • BootStrap 获得轮播中的索引和当前活动的焦点对象

    BootStrap 获得轮播中的索引和当前活动的焦点对象

    这篇文章主要介绍了BootStrap 获得轮播中的索引和当前活动的焦点对象,本文给大家介绍的非常详细，需要的朋友可以参考下
    2017-05-05
  • JavaScript中Array.map()的使用与技巧分享(附实际应用代码)

    JavaScript中Array.map()的使用与技巧分享(附实际应用代码)

    Array.map()适合需要返回新数组、进行链式调用或不修改原数组的场景,它与forEach()的区别在于有返回值,基本语法中,callback函数处理每个元素并返回新值,本文介绍了JavaScript中Array.map()的使用与技巧分享(附实际应用代码),需要的朋友可以参考下
    2025-02-02

最新评论