form表单的target标签配合iframe实现不跳转刷新

本文探讨了一个关于表单提交后页面不跳转的问题,通过排除JavaScript干扰,发现是由于设置了form的target属性指向了一个不可见的iframe导致的。移除target属性后,页面正常跳转。

我对页面了解的不是很多,在做项目的过程中,页面中的form表单提交到action之后,数据库数据查询完成,并且返回了success和我struts配置文件中result结果一样,结果不用想,应该跳转页面。但他就是不跳转。

我第一反应这个页面是用了ajax,可js文件我是找了又找,也没有看到ajax的身影,最后没办法我把页面上引用的所有js文件和<script>代码块全注释掉,可还是不行。

无奈,回过头来我看看<form>表单设置了什么

	<form class="form-horizontal" method="post" target="posthere" action="user-login"  onsubmit="return checkRegForm();" >

     只好试着把target去掉,运行了一次居然成功跳转了!

      网上查了一下,整个问题不完全在这个标签,target的作用是让form提交后在什么窗口下打开,

      这样我们写一个iframe,像下面这样设置这个iframe是看不到的。

            <iframe name="posthere" frameborder=0 width=0 height=0></iframe>

      最终,form表单提交会打开iframe,但iframe被我们设置成看不见的,这样form提交时就刷新不跳转。



     

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值