`

【转】form表单target的用法

 
阅读更多

http://well-lf.iteye.com/blog/1831619

 

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已经隐藏了。这样提交后的效果就和无刷新的效果一样。

 

分享到:
评论

相关推荐

    Chrome Form多次提交表单问题的解决方法

    document.frmOrder.target = ‘_blank’; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了。需要重新加载页面后才可以提交,而这个问题在Firefox,IE下没有出现。 马上Google了一下发现这...

    form-validator:一个轻量级的纯 JavaScript 表单验证器

    然后就可以在js里调用validator.Form方法new一个验证对象出来了。var valid = new validator.Form({form:dom,//包含需要验证的一组dom元素的dom元素。可以是jQuery对象target: dom,//}, alert);

    Bootstrap Validator 表单验证

    在线演示地址:...使用方法,代码如下所示: 1.&lt;form id=defaultForm method=post class=form-horizontal action=target.php&gt; 2. &lt;div class=form-group&gt; 3. 用户名 4. 5. &lt;input type=text

    fe-form-validation:表单val

    您应该使用css提供额外的样式-尝试设置id并使用如果要隐藏事物或创建新元素,则应使用DOM方法。 您应该利用各种在适当的时候触发反馈。 一些有用的事件将是change和keyup事件。 您应该尝试使用event.target访问触发...

    submitter:使用 AJAX 自动提交表单

    允许在表单外提交按钮(将 target="your-form-name" 添加到您的提交输入中) 使用 img 标签作为输入[type="file"] 安装 从下载并解压缩最新版本或使用 Bower 安装 $ bower install submitter 用法 从你的 html ...

    Owl 学习笔记之六--表单输入绑定 我们经常需要能够从 html input(或 textarea, or select)中

    一种可能的方法是手动完成,如下: class Form extends owl.Component { state = useState({ text: "" }); _updateInputValue(event) { this.state.text = event.target.value; } } ```xml ``` 这行得...

    基于iframe实现类似于ajax的页面无刷新

    本方法是基于iframe实现的,需求是form表单提交带有文件上传的input标签,因此不能使用ajax来提交 首先: 代码如下: &lt;form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” ...

    JS打开新窗口防止被浏览器阻止的方法

    本文实例讲述了JS打开新窗口防止被浏览器阻止的方法。分享给大家供大家参考。...第二种、模拟表单(form)提交,原理是指定表单的action为想要打开的URL地址,target设置为”_blank” 代码如下:document.ge

    级联下拉菜单:级联表单下拉菜单

    演示版基本用法要使用该插件而不覆盖任何默认设置,您需要使用多个下拉(选择)菜单创建表单的结构。 在以下示例中,我正在使用&lt;form&gt; &lt;select name="category" class="cascadingDropDown" data-group=...

    JQuery权威指南源代码

    form表单插件 cookie插件 autocomplete插件 notesforlightbox插件 ContextMenu插件 JQZoom放大镜插件 编写一个对象级别的插件 编写一个类级别的插件 uploadify文件上传插件 第8章 使用draggable插件实现对象...

    vue中如何去掉空格的方法实现

    首先可以使用v-model.trim这个v-model修饰符去解决它,但是当用户输入\u200B时,这个方法就不奏效了,这时我们可以去一下v-model.trim这个修饰符的源码 function genDefaultModel ( el: ASTElement, value: ...

    jQuery ajaxSubmit 实现ajax提交表单局部刷新

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready...

    ZendFramework中文文档

    14.1.3. 使用静态 get() 方法 14.2. 标准过滤器类 14.2.1. Alnum 14.2.2. Alpha 14.2.3. BaseName 14.2.4. Digits 14.2.5. Dir 14.2.6. HtmlEntities 14.2.7. Int 14.2.8. RealPath 14.2.9. StringToLower...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, LinkButton, Button, LinkButtonField的...

    ExtAspNet_v2.3.2_dll

    -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -&gt; Target="Self", Target="_parent" -&gt; Target="Parent"。 -MenuButton, LinkButton, Button, LinkButtonField的...

    HTML开发王

    10.1.1 建立表单(form元素) 10.1.2 了解控件 10.1.3 控件类型 10.2 使用input元素创建表单控件 10.2.1 创建文本框和密码文本框 10.2.2 创建复选框 10.2.3 创建单选按钮 10.2.4 创建提交按钮 10.2.5 创建重置按钮 ...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    Xpage学习笔记

    2.5.2 Xpage中使用 Spinner(dijit.form.NumberSpinner) 9 2.5.3 在xpage中使用ProgressBar(dijit.ProgressBar) 10 2.5.4 在Xpage中使用树(dijit.Tree) 10 2.5.4.1 JSON与XML数据源 11 2.5.4.2 Box树与Order树 12 2.5...

Global site tag (gtag.js) - Google Analytics