zoukankan      html  css  js  c++  java
  • form表单target的用法,实现无刷新提交页面

    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"));  

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

  • 相关阅读:
    思考未来:你的目标是什么
    从非同凡响开始:绝不要做他人也在做的事
    Elasticsearch的内置分词器
    Elasticsearch倒排索引的核心组成
    Session 与 JWT
    vue全屏组件
    css弹性盒骰子
    es6模块化
    移动端适配
    echarts-3D地图
  • 原文地址:https://www.cnblogs.com/itjeff/p/4048825.html
Copyright © 2011-2022 走看看