登录 注册

多个 iframe，每个都包含的同一个 jsp，会怎样？

本贴最后更新于 2974 天前，其中的信息可能已经时移世易

我们有个功能，要显示一系列的图表，图表的显示是根据 controller 返回的参数通过 js 来调用 echarts 的接口进行生成的
目前，这个页面都是同一个，为了能够显示多个，放在了多个 iframe 中，如下图所示
QQ 截图 20160930163018.png
我通过 jquery 动态添加 iframe，并在添加的时候传入不同的参数，以期达到显示不同的图标的目的
然而现在出现了有的是不同的，有的是相同的（可以显示不同的，说明还是有点作用的，但是应该由于多个 iframe 中的加载次序、用时的关系，导致有的时候用了相同的参数）
请问大家，有好的解决方案么？我会以 100 积分作为酬劳哟~ 🙏

  • 求助
    49 引用 • 401 回帖 • 1 关注
  • 技术

    到底什么才是技术呢？

    88 引用 • 179 回帖 • 4 关注
  • 工作

    快乐工作，认真生活。

    139 引用 • 1469 回帖 • 6 关注
北京 位置
29 回帖
11
7
5
3
7.1k 24 674 1.8k 1.5k 697 1.3k 1.0k

相关帖子

29 回帖
多个 iframe，每个都包含的同一个 jsp，会怎样？

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Angonger • • 1
    支持者

    没明白意思，有时候用了相同的参数啥意思

  • 714593351 • • 1
    捐赠者

    为啥要用 iframe。。。。 快抛弃 iframe 吧

    1 回复
  • 88250 • • 1
    订阅者

    F12 看请求一定可以看出点什么的

    1 回复
  • ZephyrJung •
    支持者 作者

    请求很正常呢，感觉就是参数被多个 iframe 加载的时候共用了

    1 回复
  • ZephyrJung •
    支持者 作者

    有啥好办法么 orz
    话说图表渲染的代码也不是我写的，有心无力啊唉……

    1 回复
  • 88250 •
    订阅者

    其实我没看懂你的问题

    1 回复
  • 714593351 •
    捐赠者

    其实我也没看懂你的问题

    1 回复
  • ZephyrJung •
    支持者 作者

    看来我的表述能力真的太差了 orz
    总之就是多个 iframe 标签的 src 指向了同一个 jsp，那个 jsp 根据不同的参数应该显示不同的图案，但是现在会出现相同的问题

    1 回复
  • ZephyrJung •
    支持者 作者

    我想哭……

  • 88250 •
    订阅者

    src 到底是相同还是不同？

    1 回复
  • 714593351 •
    捐赠者

    改成 DIV 吧，然后 ajax 请求，渲染不同的图表。。。

    1 回复
  • ZephyrJung •
    支持者 作者

    相同

    1 回复
  • alanfans • • 1

    问题没表达清楚。

    1 回复
  • ZephyrJung •
    支持者 作者

    感觉要动很大，那不是我写的地方，，那个人也不知道会不会愿意改，因为时间挺紧了。。

  • 88250 •
    订阅者

    src 相同的话嵌入的 HTML 就是一个啊，何来参数不同之说？

    1 回复
  • ZephyrJung •
    支持者 作者

    哎，感觉都不知道咋说了

  • ZephyrJung •
    支持者 作者

    src 的地址指向了同一个 controller，那个 controller 会返回不同的参数到页面上

    1 回复
  • 714593351 •
    捐赠者

    明白了，不过 iframe 参数不同也没问题的啊，莫非参数写成一样了。。。

    1 回复
  • 88250 •
    订阅者

    你说的 src 是包含了 query string 还是不包含？

    1 回复
  • ZephyrJung •
    支持者 作者

    是不是因为加载的同一个页面，它的参数会相互影响，如果没有在时间上分开的话？

    1 回复
  • 714593351 •
    捐赠者

    感觉不会啊，多个请求之间不会有影响的啊

  • ZephyrJung •
    支持者 作者 
    $("#overview").append("<iframe frameborder='0' src='"+$ctx+"/overview/queryOverviewById?reportVo="+reportVo+"' width='100%' height='500px'></iframe>");

    代码就是这个啦，queryOverviewById 的参数会被 controller 返回到页面上，都是同一个页面，但是返回来的参数不一样，这个页面会根据参数不同来显示不同的图案

    2 回复
  • 88250 •
    订阅者

    再看下发出的请求，确定都是不同 URL 的？

    1 回复
  • ZephyrJung •
    支持者 作者

    不同，我对了一下。
    我主要是想确定一下这种用法会不会有问题，就是多个 iframe 加载带不同参数的同一个 jsp
    对了，怎么才能提高语文水平 😂

    2 回复
  • 88250 •
    订阅者

    换个浏览器看看？

  • alanfans •

    一个 jsp 里，你改成 ajax 吧。看着你的问题好绕啊。js 定义三个不同的参数，传入同一个 ajax,返回得到三个不同的值，

  • alanfans •

    echarts 和 highchart 用法都差不多。

  • crick77 • • 1

    用 include page

  • fengche361 • • 1

    赶紧抛弃 iframe 吧，用 div

请输入回帖内容 ...
ZephyrJung
一切有为法，如梦幻泡影，如露亦如电，应作如是观 北京
回帖
1375
 帖子
131
 积分
52086

近期热议

推荐标签 标签

  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 641 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 7 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 734 关注
  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 529 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 530 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    55 引用 • 85 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 478 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 211 关注
  • 域名

    域名（Domain Name），简称域名、网域，是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

    43 引用 • 208 回帖 • 1 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 1 关注
  • 爬虫

    网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    729 引用 • 1327 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 586 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 20 关注
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 3 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    567 引用 • 3532 回帖
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 86 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • Sandbox

    如果帖子标签含有 Sandbox ，则该帖子会被视为“测试帖”，主要用于测试社区功能，排查 bug 等，该标签下内容不定期进行清理。

    407 引用 • 1246 回帖 • 583 关注
  • 强迫症

    强迫症（OCD）属于焦虑障碍的一种类型，是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病，其特点为有意识的强迫和反强迫并存，一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    32 引用 • 130 回帖 • 3 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 625 关注
  • 电影

    这是一个不能说的秘密。

    120 引用 • 599 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 17 关注

最新标签