博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
form表单target的用法,实现无刷新提交页面
阅读量:6243 次
发布时间:2019-06-22

本文共 587 字,大约阅读时间需要 1 分钟。

form表单的target,当将iframe设置为隐藏时,可以实现当前页表单提交而不进行跳转刷新。代码如下,首页在页面里准备一个form表单和一个iframe。

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

 

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

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

 

alert('hello')将在当前页执行。原理是form提交后的结果在target指定的iframe里执行,

而iframe已经隐藏了。这样提交后的效果就和无刷新的效果一样。

转载地址:http://dtsia.baihongyu.com/

你可能感兴趣的文章
SpringBoot非官方教程 | 第六篇:SpringBoot整合mybatis
查看>>
dataguard备库出现GAP修复
查看>>
OOD、DIP、IOC、DI、依赖注入容器(即 控制反转容器,IOC Container)
查看>>
Linux常用命令
查看>>
Grub4Dos 手动引导指令
查看>>
C# 有道API翻译 查询单词详细信息
查看>>
android 录像提示音问题
查看>>
纯CSS制作各种图形(多图预警)
查看>>
程序员如何获取招聘信息
查看>>
水平滑动,记录当前状态、利用浏览器原生播放器播放视频和vue-video-player视频播放插件、基于museUI的音频播放和vue-player插件实现音频播放...
查看>>
Kaa IoT平台学习(一)
查看>>
深入了解JVM虚拟机8:Java的编译期优化与运行期优化
查看>>
使用Nagios打造专业的业务状态监控
查看>>
单例模式(java&iOS)
查看>>
重拾Java(8)-反射
查看>>
有没有可以共享的桌面便签?
查看>>
Mars说光场(3)— 光场采集
查看>>
24、商品列表页之数据渲染和传值
查看>>
源码分析-react3-创建dom
查看>>
C# 获取QQ好友列表信息的实现
查看>>