form表单target的用法

本文介绍了一种利用HTML form表单的target属性配合iframe实现页面表单提交后不进行跳转刷新的方法。通过将表单提交结果放在不可见的iframe中执行,达到类似AJAX的无刷新效果。

偶然有一机会发现form表单的target的用法,可以实现当前页表单提交而不进行跳转刷新。代码如下,首页在页面里准备一form表单和一iframe 

Java代码   收藏代码
  1. <form action="提交的action" method="post" target="theID">  
  2. .....................  
  3. </form>  
  4. <iframe name="theID" style="display: none;"></iframe>  


提交到action后,action返回一串javascript语句 

Java代码   收藏代码
  1. String script = "<script>alert('ok!');</script>";  
  2.         response.getOutputStream().write(script.getBytes("utf-8"));  


alert('ok')将在当前页执行。原理是form提交后的结果在target指定的iframe里执行 
而iframe将其隐藏。这样提交后的效果就和无刷新的效果一样。

转载于:https://www.cnblogs.com/superjt/p/3224368.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值