如何让linkbutton点击后不刷新页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让linkbutton点击后不刷新页面相关的知识,希望对你有一定的参考价值。

参考技术A asp.net中点击button使得页面不刷新的方法: 控制页面回传: //Use ClientClick event to check stop this postback or not. function onClientClickEvent() var text = document.getElementById('textDisplay'); var checkbox = document.get 参考技术B <a href="www.baidu.com" onclick='javascript:return false;'>百度</a>
LinkButton呈现到浏览器是A标记

怎么实现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保存了数据,页面也不会跳转.

以上是关于如何让linkbutton点击后不刷新页面的主要内容,如果未能解决你的问题,请参考以下文章

点击连接后不刷新就不显示页面的bug修复

点击连接后不刷新就不显示页面的bug修复

移动端 点击返回按钮页面不刷新

点击超链接不跳转,不刷新页面

vue 改变数据后,数据变化页面不刷新

怎么实现form表单提交后不重新刷新当前页面