form表单post 提交模拟 window.open

最新推荐文章于 2021-08-06 07:05:44 发布
原创 最新推荐文章于 2021-08-06 07:05:44 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何通过JavaScript操作DOM元素，动态生成并提交包含特定参数的表单，从而实现在新窗口中打开指定页面的功能。通过这种方式，可以灵活地传递各种参数，并确保在不同场景下都能正确加载目标页面。
$("#winOpenForm").attr("action","ConvertHourAction!printJszgCertificate");
                    $("#winOpenForm").append('<input type="hidden" name="planId" value="'+planId+'">');
                    $("#winOpenForm").append('<input type="hidden" name="userId" value="'+userId+'">');
                    $("#winOpenForm").attr("target","_blank");

                    $("#winOpenForm").submit();





这样提交了之后，就会打开新窗口，如果window.open没有什么特殊的要求的话，可以用这种代替，这样就无论传多少参数都没有什么问题了。

在线表单信息模拟系统
04-26
在线表单信息系统，css格式，可以提供相关的在线的服务
window.open()实现post传递参数
09-03
一种常见的解决方案是创建一个动态的表单，将数据放入隐藏的输入字段，然后模拟表单提交来实现POST请求。具体步骤如下： 1. 创建一个新的`<form>`元素，设置其`method`属性为`"post"`，`action`属性为需要POST的...
Java模拟表单文件上传(微信/中文名乱码问题)
Saytime
06-30 4537
最近在做微信企业号，在上传素材文件时遇到了点问题，主要是中文文件名乱码的问题，开始使用的是httpclient3.x的api去实现，文件上传没问题，就是名称是中文的时候死活都是乱码，自己也设置了很多地方的编码为utf-8，也没有用，后来百度，谷歌，也没有找到解决方案，或许解决方案是有效的，但是到了文件这边就没有用了，后来干脆使用HttpURLConnection解决了问题，另外经过半天鼓捣，也解决了
window.open方式提交form表单如何解决乱码问题
ccmedu的博客
11-26 577
<form id="settle_form" method="POST" action="."> <input name="name1" > <inpunt name="name2"> </form> settle_form是form表单的id,.serialize()这个方法将表单中的name中的value进行实例化了变成了用&am...
使用window.open提交form表单
iteye_18102的博客
04-24 655
今天碰到一个应用,需要在一个固定的Windows中展示数据,而数据又是通过form表单发给Servlet处理并forward(request, response)到另一个view页面来统一展示的 ..好吧 表达有点不好.. 现在需要,点提交按钮后open一个新的固定页面,并提交父页面的表单数据. 查询关于Window.open oNewWindow = window.open(...
新开窗口不被拦截的方法-window.open和表单提交form
weixin_34040079的博客
07-22 153
$("#btn").click(function() { var w = window.open(); setTimeout(function() { w.location = "http://t.cn"; }, 1000); return false; }); 原理：按钮点击立即触发的弹出浏览器不会拦截。 方法就是用户点击超...
表单post到window.open
beimuaihui的专栏
12-05 918
１.首先写入window.open函数，打开　一个空白的新窗口，name为表单的target:OrderInfoAll function orderSelectedPrint(){ print = window.open('about:blank','OrderInfoAll','location=no,status=no,toolbar=no,scrollbars=yes,width=7
window.open 以post方式传递参数示例代码
09-04
通常，`window.open`配合GET方式传递参数，但也可以通过POST方式来实现更安全、更复杂的参数传递。本文将详细介绍如何使用`window.open`以POST方式传递参数，并提供一个示例代码。 首先，理解`window.open`的基本...
window.open以post方式将内容提交到新窗口
09-05
POST方式则可以解决这些问题，但默认的`window.open`方法并不支持以POST方式提交数据。本文将介绍两种在JavaScript中使用`window.open`以POST方式将内容提交到新窗口的方法。 ### 方法一： 这种方法是通过动态创建...
Formbuild 表单设计器
12-25
表单拖拽添加 强大的表单设计器 formbuild bootstrap 表单控件拖拽添加
形式模拟器「FormSimulator」-crx插件
03-10
FormSimulator允许您测试表单填充。 FormSimulator是测试表单，模拟表单上的任何事件并保存模拟的最佳工具。 让它为您填写表格。 FormSimulator对Web开发人员非常有用。 支持语言:English (United States)
详解window.open被浏览器拦截的解决方案
12-14
构造一个`<form>`，并通过JavaScript触发其`submit`事件，将表单提交到新页面。这种方法虽然可以绕过拦截，但代码相对复杂，不在此处详述。 3. **先弹出窗口，再重定向** 这是一种变通的方法，首先通过用户交互...
form表单post提交 并且提交到一个新的窗口(注意：window.open()形式的窗口)
Xingshi89的专栏
07-20 4792
JS代码： function windowOpen(){  var toDay = new Date();  winName = "win"+toDay.getTime();//为了保证提交不会读取本地的缓存  $("#form1").attr("action","test2.html");//设置form表单提交的URL路径 是 test2.html //为了表示区分，wind
完美解决window.open模拟表单POST提交
瓶子里的小地盘
05-08 9862
1.案例：IE浏览器地址栏长度限制导致传参不完整 2.目的：解决地址栏长度限制，隐藏了参数，不在地址栏显示 3.方案 var url="secnequipretired/scrap/add/applyScrap/pc"; var tempForm = document.createElement("form");
win10 ajax post 400,window.open以post方式提交form表单，在windows10的IE11环境下
weixin_35868872的博客
08-06 363
问题描述window.open打开一个页面并以post方式提交form，指定了form的target和window.open里的窗口名称相同，正常效果是父页面不变，打开了一个新的页面窗口，但是在某台机器win10的IE11下，打开的是一个空白页面，并且父页面被新打开的页面覆盖了，不是想要的效果问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)#@tFo...
将form中的内容提交给用window.open()打开的新窗口
于悦的专栏
08-02 1400
<br />//新建一个窗口<br />window.open("","modifyFather","width=400,height=200");<br />//form提交给新窗口, target=open窗口的名称<br />form1.target="modifyFather";
提交到新窗口submit-OR-window.open
全技术调调
04-08 874
 想要提交form中的数据到一个新窗口不需要window.open。    function   OpenDcWindow()    {        upload=window.open("",   "dc","toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,menubar=no,width=450,h
window open +submit
iteye_2322的博客
07-07 236
//由于在url中传递参数时受到长度的限制（好像最大只能1024字节），只能用form方式提交数据到其他页面。 第一种方式：该方式可以直接将form里的内容提交到新打开的zuofei.jsp页面中。 function getWH() { window.open("about:blank","toZuoFei",'status=yes,toolbar=yes,menubar...
window.open 之后 在新页面里面模拟输入
最新发布
11-19
<think> 我们讨论的是在浏览器环境中使用JavaScript的window.open打开新页面后，如何在新页面中模拟输入。注意，这通常需要同源策略允许，否则无法访问新页面的DOM。 步骤： 1. 使用window.open打开新窗口，并保留返回的窗口引用。 2. 确保新页面加载完成（通过onload事件或定时检查）。 3. 通过窗口引用访问新页面的document对象，然后找到输入元素并设置值。 但是，由于浏览器的安全限制，如果新页面与当前页面不同源，则无法访问其DOM。因此，此方法仅适用于同源页面或已配置CORS的情况。 示例代码（假设同源）： ```javascript // 打开新窗口，并指定一个同源URL var newWindow = window.open('https://example.com/form-page'); // 等待新窗口加载完成 newWindow.onload = function() { // 在新窗口的文档中查找输入框 var input = newWindow.document.getElementById('target-input'); // 模拟输入 input.value = '模拟输入的内容'; // 如果需要触发事件（如input事件） var event = new Event('input', { bubbles: true }); input.dispatchEvent(event); // 如果需要提交表单，可以找到表单并提交 // var form = newWindow.document.getElementById('form-id'); // form.submit(); }; ``` 注意：由于浏览器的弹窗拦截机制，window.open可能被阻止，因此最好在用户事件（如点击）中调用。另外，如果新页面加载时间较长，可能需要使用更健壮的等待方法，例如轮询检查document.readyState。 如果新页面是不同源的，则无法直接操作其DOM。这种情况下，可以考虑以下替代方案： - 在打开新窗口时，通过URL参数传递数据，让新页面自己将数据填充到输入框中（需要新页面配合处理URL参数）。 - 使用window.postMessage进行跨窗口通信（同样需要新页面监听message事件并配合处理）。 示例：通过URL传递参数（新页面需要编写代码来解析URL参数并填充） ```javascript // 当前页面 var data = encodeURIComponent('要输入的内容'); var newWindow = window.open('https://example.com/form-page?input=' + data); ``` 在新页面中： ```javascript window.addEventListener('load', function() { var params = new URLSearchParams(window.location.search); if (params.has('input')) { var inputValue = params.get('input'); document.getElementById('target-input').value = inputValue; } }); ``` 因此，具体方法取决于新页面是否同源以及是否受你控制。 引用说明： 引用[1]提到window.open的参数设置，我们可以利用它来控制新窗口的打开方式。 引用[2]提醒我们注意不同浏览器中window.open可能打开新窗口或新标签页，但对我们操作新页面没有本质影响，因为我们保留的是窗口对象的引用。 引用[3]提到打开新页面失效的解决方法，特别是关于避免弹窗拦截的方法：确保在用户触发的事件中调用，或者使用中转页面。在我们的场景中，同样需要注意弹窗拦截问题。 总结： 1. 同源页面：直接通过窗口引用操作DOM。 2. 不同源页面：通过URL参数传递数据，或者使用postMessage通信（需要新页面配合）。 请根据实际情况选择合适的方法。 </think>### 使用 `window.open` 在新页面模拟输入的方法 当使用 `window.open` 打开新页面后，可通过以下方法在新页面进行模拟输入： #### 1. 直接操作新页面的 DOM（仅限同源页面） ```javascript // 打开新页面 const newWindow = window.open('https://example.com/form-page'); // 等待新页面加载完成 newWindow.onload = () => { // 获取输入框元素 const input = newWindow.document.getElementById('username-input'); // 模拟输入值 input.value = 'example@domain.com'; // 触发输入事件（确保JS监听器被激活） input.dispatchEvent(new Event('input', { bubbles: true })); // 提交表单 newWindow.document.querySelector('form').submit(); }; ``` > ⚠️ **限制**：受同源策略限制，仅适用于相同协议/域名/端口的页面[^1][^2]。 --- #### 2. URL 参数传递（跨域可用） ```javascript // 当前页面 const inputValue = encodeURIComponent('要输入的内容'); window.open(`https://example.com/form-page?prefill=${inputValue}`); ``` ```html <!-- 新页面代码 --> <input type="text" id="form-input"> <script> // 解析URL参数并填充 const params = new URLSearchParams(window.location.search); if(params.has('prefill')) { document.getElementById('form-input').value = decodeURIComponent(params.get('prefill')); } </script> ``` --- #### 3. `postMessage` 跨域通信（需双方协调） **当前页面：** ```javascript const newWindow = window.open('https://example.com'); // 发送输入内容 newWindow.postMessage({ type: 'FILL_FORM', data: { username: 'test', password: '123456' } }, 'https://example.com'); ``` **新页面：** ```javascript window.addEventListener('message', (event) => { if(event.origin !== 'https://parent-domain.com') return; if(event.data.type === 'FILL_FORM') { document.getElementById('username').value = event.data.data.username; document.getElementById('password').value = event.data.data.password; } }); ``` --- #### 4. 本地存储共享（同域或子域） ```javascript // 当前页面 localStorage.setItem('prefillData', JSON.stringify({ email: 'user@example.com', name: '张先生' })); window.open('/form-page'); ``` ```html <!-- 新页面 --> <script> window.addEventListener('DOMContentLoaded', () => { const data = JSON.parse(localStorage.getItem('prefillData')); if(data) { document.getElementById('email').value = data.email; document.getElementById('name').value = data.name; localStorage.removeItem('prefillData'); // 清理数据 } }); </script> ``` --- ### 关键注意事项 1. **弹窗拦截**：浏览器可能阻止 `window.open`，确保在用户操作（如点击事件）中触发[^3] 2. **加载等待**：使用 `onload` 事件确保新页面完全加载 ```javascript const newWin = window.open('newpage.html'); newWin.addEventListener('load', () => { // DOM操作代码 }); ``` 3. **跨域限制**：非同源页面的 DOM 操作会被浏览器阻止 4. **参数传递**：URL 长度限制约 2000 字符，复杂数据建议用 `postMessage` > 提示：现代浏览器中，`window.open` 默认在新标签页打开而非新窗口[^2]，可通过参数控制： > ```javascript > window.open(url, '_blank', 'width=600,height=400'); // 新窗口 > ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值