主窗口window.open一个新窗口，并用postMessage发送json数据给新窗口，但是新窗口加载太慢，导致postMessage发送到新窗口没有反应，如何保证新窗口加载完成后再postMessage

如果你发现新窗口加载速度较慢，导致postMessage发送后没有立即响应，可以考虑使用异步或者回调的方式来处理这个情况。一种常见的做法是在新窗口打开后，设置一个定时器或者Promise来延迟发送消息，直到新窗口已经装载完毕。以下是这种方法的一个示例： ```javascript // 在主窗口 var newWindow = window.open('http://new-url.com'); // 使用Promise或者setTimeout Promise.resolve(newWindow).then(() => { return new Promise((resolve) => { newWindow.addEventListener('load', function() { resolve(); // 当新窗口加载完成时，调用resolve() }); }).then(() => { newWindow.postMessage(jsonData, '*'); }); }).catch((error) => { console.error('Failed to open the new window:', error); });

前端发一个post给flaks 后端返回后打开一个新网页显示返回结果

前端通过 JavaScript 的 `fetch` 或 `axios` 等库向 Flask 后台发送 POST 请求，通常包含数据作为请求体。后端接收到请求后处理数据并返回响应，这个响应可以是一个 JSON 对象，包含需要展示的信息。例如，前端代码示例： ```javascript const url = 'http://your-flask-api.com/endpoint'; // 替换为实际Flask应用URL const data = { key: 'value' }; // 发送的数据 fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(response => response.json()) .then(dataFromServer => { // 打开一个新的标签页或者窗口显示返回的结果 window.open('data:text/html;charset=utf-8,' + encodeURIComponent(` <!DOCTYPE html> <html><body> <h1>返回结果</h1> ${dataFromServer.message || '服务器返回的内容'} </body></html> `)); }) .catch(error => console.error('Error:', error)); ``` 在这个例子中，后端收到 POST 请求后，返回的数据会被解析并用于动态生成一个新的 HTML 页面，然后在新的窗口中显示出来。

window.open 打开网页后怎么给网页赋值

`window.open()` 方法通常用于在新窗口或当前窗口的上下文中打开一个新的URL。如果想在打开新的页面之后向其内容区域赋值，比如设置某个元素的HTML或者JavaScript变量，由于浏览器安全策略，直接操作远程页面的内容是不可能的，因为这涉及到跨域问题。然而，你可以通过一些间接的方式来影响目标页面： 1. **通过POST请求**：如果你有服务器端的支持，可以先发送一个POST请求到目标页面的地址，包含你需要设置的数据，然后在目标页面接收到请求后更新内容。 ```javascript fetch('https://target.com/data', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ key: 'value' }) }) .then(response => response.text()) .then(data => document.getElementById('someElement').innerHTML = data); ``` 2. **使用Web Workers**：如果允许的话，可以在新窗口中创建一个Web Worker，worker可以访问document对象并处理数据，但必须将数据序列化并传递给worker。 3. **利用postMessage API**：如果目标页面和当前页面同源，可以使用`postMessage`进行通信。父页面发送消息，目标页面接收并响应。 ```javascript // 父页面 let iframe = window.open(); iframe.contentWindow.postMessage({ key: 'value' }, '*'); // 目标页面 window.addEventListener('message', function(event) { if (event.origin === 'http://your-source.com') { document.getElementById('someElement').innerHTML = event.data.key; } }); ``` 请注意，以上方法都需要考虑兼容性和安全性，并遵守相关规定，例如同源策略等。在实际应用中，应尽量避免直接操作其他域名下的文档内容。

阅读全文

主窗口window.open一个新窗口，并用postMessage发送json数据给新窗口，但是新窗口加载太慢，导致postMessage发送到新窗口没有反应，如何保证新窗口加载完成后再postMessage

前端发一个post给flaks 后端返回后打开一个新网页显示返回结果

window.open 打开网页后怎么给网页赋值

相关推荐

JavaScript使用HTML5的window.postMessage实现跨域通信例子

Layui实现主窗口和Iframe层参数传递

HTML5的postMessage的使用手册

在项目中使用window.onerror，捕获到错误后生成一个json文件记录在服务器上

window.open跨域拦截

window.open跳转携带对象

如何绕过跨域限制在iframe中使用window.open?

我怕的window.open('/goods/category?data=' + encodeURIComponent(JSON.stringify(retData)), '_blank',)是这样的帮我改一下

用Js写一个功能，从用户登录开始计算登录时间，当用户关闭当前窗口或退出系统时，计算登录结束时间

在easyUI中 反序列化数据打开HttpResponseMessage附件

js监听firefox浏览器关闭事件，电脑关机造成的浏览器关闭事件，浏览器关闭后发送求情给后端，代码示例

帮我写一个rasa后端训练程序，可以连接到前端的Rasa Web Chat项目

用js写一个登录注册页面

帮我生成一个c#的前后端分离登录模块 要验证 前端使用html和js 后端使用c#

如何导出<el-table显示的数据到文件

判断一个图是否为欧拉图c语言

写一个html+css+js实现的登录界面和接口

大家在看

CT取电电源技术

递推最小二乘辨识

基于springboot的智慧食堂系统源码.zip

WebBrowser脚本错误的完美解决方案

GMW14241-中文翻译

最新推荐

免费的防止锁屏小软件，可用于域统一管控下的锁屏机制

Python代码实现带装饰的圣诞树控制台输出

白色大气风格的设计师作品模板下载.zip

RStudio中集成Connections包以优化数据库连接管理

管理建模和仿真的文件

Keil uVision5全面精通指南

flink提交给yarn19个全量同步MYsqlCDC的作业，flink的配置参数怎样设置

PHP博客旅游的探索之旅

"互动学习：行动中的多样性与论文攻读经历"

【单片机编程实战】：掌握流水灯与音乐盒同步控制的高级技巧

在easyUI中反序列化数据打开HttpResponseMessage附件

帮我生成一个c#的前后端分离登录模块要验证前端使用html和js 后端使用c#