`
wh8766
  • 浏览: 35628 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用window.open提交form表单

阅读更多
今天碰到一个应用,需要在一个固定的Windows中展示数据,而数据又是通过form表单发给Servlet处理并forward(request, response)到另一个view页面来统一展示的
..好吧 表达有点不好..

现在需要,点提交按钮后open一个新的固定页面,并提交父页面的表单数据.
查询关于Window.open
oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
其中sName这个参数是这么定义的
sName Optional. String that specifies the name of the window. This name is used as the value for the TARGET attribute on a form or an a element.
target是设置或获取目标内容要显示于哪个窗口或框架.
所以就可以这么写了~
chartForm.target = "newWindow";
var win = window.open("about:blank","newWindow","height=650,width=1000,scrollbars=yes,status=yes,toolbar=no,menubar=no,location=no");
win.focus();
chartForm.submit();


这里先打开一个about:blank 为了避免像Servlet传递空数据,然后焦点上移,提交.ok~
分享到:
评论

相关推荐

    window.open 以post方式传递参数示例代码

    总结起来,通过创建动态的HTML表单和利用JavaScript,我们可以使用`window.open`以POST方式传递参数。这种方式在处理敏感数据或大量数据时更为合适,因为它不会将参数显示在URL中。但是,需要注意的是,跨域POST请求...

    window.open()实现post传递参数

    1. 创建一个新的`<form>`元素,设置其`method`属性为`"post"`,`action`属性为需要POST的目标URL,并指定一个`target`属性,这将决定表单提交后在哪里显示结果(在这种情况下,我们希望在新窗口中打开)。...

    详解window.open被浏览器拦截的解决方案

    在网页开发中,有时会遇到使用`window.open`方法创建新窗口被浏览器拦截的问题,这主要是因为浏览器的安全策略。浏览器为了防止恶意脚本无休止地弹出窗口,会对非用户交互触发的`window.open`调用进行拦截。本文将...

    window.open以post方式将内容提交到新窗口

    本文将介绍两种在JavaScript中使用`window.open`以POST方式将内容提交到新窗口的方法。 ### 方法一: 这种方法是通过动态创建HTML表单(form)元素,设置其属性,并利用`attachEvent`或`addEventListener`来触发...

    Window.Open如何在同一个标签页打开

    综上所述,要在同一个标签页中使用 `window.open()` 或类似方法打开新的 URL,关键在于控制 `window.open()` 的 `name` 参数或者通过其他方式(如表单提交)来实现。当 `name` 参数与已存在的窗口或标签页匹配时,新...

    javascript关于open.window子页面执行完成后刷新父页面的问题分析

    在本次分析中,我们主要聚焦于在父页面中使用window.open()方法打开一个子页面,并在子页面执行完毕后,返回并刷新父页面的问题。下面将从理论和实际操作两个方面对此进行详细说明。 ### 理论基础 1. **window....

    JavaScript中windows.open()、windows.close()方法详解

    这个名称可以作为HTML的`<a>`和`<form>`标签的`target`属性值,以便控制链接和表单的提交目标。特定名称如“_blank”,“_parent”,“_top”都有特殊含义。 - `features`:非标准参数,定义新窗口的特性,如大小、...

    from表单新窗口打开并提交

    例如,使用`window.open()`函数可以自定义新窗口的属性,或者在提交前进行表单验证: ```javascript document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // ...

    layui弹出层按钮提交iframe表单的方法

    如下所示: layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.

    如何将一个表单同时提交到两个地方处理

    [removed]function dosubmit(){ window.open(‘first.php?var1=’+window.form.var1.value+’&var2=’+window.form.var2.value); window.open(‘second.php?var1=’+window.form.var1.value+’&var2=’+window....

    js 提交和设置表单的值

    1. 表单提交:使用 JavaScript 可以实现表单的提交,例如使用 `document.form.submit()` 或 `document.getElementById("formId").submit()` 等方法提交表单。 2. 表单值设置:可以使用 JavaScript 对表单的值进行...

    [removed].reload 刷新使用分析(去对话框)

    在Web开发中,页面的刷新是常见的操作,尤其是在处理表单提交或者动态更新内容时。`window.location.reload()`是JavaScript中用于刷新当前页面的一个关键方法。这个方法会重新加载当前的URL,包括重新发送HTTP请求到...

    javascript弹出层表单提交代码

    综上所述,实现"javascript弹出层表单提交代码"涉及到了JavaScript的基础知识,如DOM操作、事件处理、异步通信,以及一些高级技巧,如使用第三方库提高开发效率。同时,良好的用户体验和数据验证也是不可忽视的部分...

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

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

    按钮的js样式设置.pdf

    NewWindow = window.open("", "", "scrollbars=yes,toolbar=yes,location=yes,status=yes,menubar=yes"); if (document.all) { NewWindow.moveTo(0, 0); NewWindow.resizeTo(screen.width, screen.height); } ...

    layui使用form表单实现post请求页面跳转的方法

    本文将详细介绍如何使用layui的form表单实现POST请求并进行页面跳转,以确保数据安全且避免信息泄露。 通常,通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中,这可能带来安全风险。为了...

    JavaScript弹出窗口方法汇总_.docx

    但是,如果 Form 表单的 method 属性设置为 "get",那么刷新时也不会弹出提示窗口。 二、JavaScript 刷新页面的方法 JavaScript 提供了多种方式来刷新页面,下面是其中的一些: 1. 使用 window.location.reload()...

    FormData:FormData支持其中window.FormData未定义

    了解并掌握FormData的使用,能帮助你更好地进行前端数据交互,特别是在涉及文件上传和复杂表单提交的场景下。在遇到“window.FormData未定义”的问题时,记得检查浏览器兼容性、执行环境以及代码本身,通常能快速...

    javascript提交父窗口

    我们需要理解几个核心概念:JavaScript 是如何与浏览器中的不同窗口进行交互的,以及如何通过 JavaScript 来操作 DOM(文档对象模型)元素,特别是如何触发表单的提交行为。 ### 核心概念解析 #### 1. 窗口对象与...

Global site tag (gtag.js) - Google Analytics