`

form表单target的用法

阅读更多
偶然有一机会发现form表单的target的用法,可以实现当前页表单提交而不进行跳转刷新。代码如下,首页在页面里准备一form表单和一iframe
<form action="提交的action" method="post" target="theID">
.....................
</form>
<iframe name="theID" style="display: none;"></iframe>

提交到action后,action返回一串javascript语句
String script = "<script>alert('ok!');</script>";
		response.getOutputStream().write(script.getBytes("utf-8"));

alert('ok')将在当前页执行。原理是form提交后的结果在target指定的iframe里执行
而iframe将其隐藏。这样提交后的效果就和无刷新的效果一样。
2
2
分享到:
评论
4 楼 wysaijun1314 2012-07-02  
easybr 写道


这基础知识。

哎,我基础不好啊,
3 楼 wysaijun1314 2012-07-02  
esports52 写道
基础知识。

哎,我基础不好啊,
2 楼 esports52 2012-06-29  
基础知识。
1 楼 easybr 2012-06-29  


这基础知识。

相关推荐

    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=...

    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...

    JQuery权威指南源代码

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

    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 创建重置按钮 ...

    Spring 2.0 开发参考手册

    7.10. 使用TargetSources 7.10.1. 热交换目标源 7.10.2. 池化目标源 7.10.3. 原型目标源 7.10.4. ThreadLocal目标源 7.11. 定义新的通知类型 7.12. 更多资源 8. 测试 8.1. 简介 8.2. 单元测试 8.3. 集成...

    jQuery权威指南-源代码

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

Global site tag (gtag.js) - Google Analytics