Discuz教程网

提交form表单如何让页面在提交后不发生跳转

[复制链接]
authicon dly 发表于 2011-4-20 18:33:19 | 显示全部楼层 |阅读模式
如果是submit型的:
1.如果不想在新的页面打开,或许可以这样:
在<head></head>中加入<base target="_self">
2.如果不想跳转,也不想在本窗口打开,那么或许可以这样:
1)将type类型设置为button
2)如下:
  1. <form>
  2. <input type="submit" value="提交" onclick="return false;">
  3. </form>
复制代码


其他
两种方式 1:AJAX提交(复杂点的) 2:采用隐藏iframe来实现(简单点的)

1:AJAX---提交的按钮改为button,onclick的时候去触发一个javascript函数(当然是你自己写的了),
然后采用javascript的方式去同步或者异步的提交,然后定义好回调方法,在里边处理服务器端返回的数据,做你想做的事情。例子网上很多,不多说了。。。。。。

2:iframe---form提交的时候有target属性,默认值是_self,你在页面中加入一个隐藏的ifram,<iframe name=myiframe width=0 height=0></iframe>,然后将from的target属性设置为myiframe即可。






上一篇:Discuz X1.5门户下部友情链接右部留白如何解决
下一篇:安装114la to discuz 完美整合版插件问题,安装后与当前风格不搭配
authicon kikiya11 发表于 2011-5-8 03:59:57 | 显示全部楼层
这个要顶起来啊
authicon melody0721 发表于 2011-5-13 08:59:54 | 显示全部楼层
支持!好东西,拿走了!
authicon Cute宝贝儿 发表于 2011-5-14 19:59:34 | 显示全部楼层
顶的就是你
authicon nmzc 发表于 2011-5-22 18:59:37 | 显示全部楼层
看帖必回
authicon 蓝天blue 发表于 2011-5-24 13:59:30 | 显示全部楼层
继续来索要
authicon melody0721 发表于 2011-6-17 03:01:44 | 显示全部楼层
支持楼主,顶一下
authicon rin421 发表于 2011-6-17 04:00:14 | 显示全部楼层
楼主真强大
authicon shakesxia 发表于 2011-6-19 22:00:25 | 显示全部楼层
万分感谢楼主
authicon huanglv80 发表于 2011-6-23 04:00:08 | 显示全部楼层
这个要顶起来啊
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-7-1 23:37

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表