登录 注册

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

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

我们有个功能，要显示一系列的图表，图表的显示是根据 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.0k 24 667 1.8k 1.4k 696 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
 积分
52011

近期热议

推荐标签 标签

  • 阿里云

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

    89 引用 • 345 回帖 • 1 关注
  • 禅道

    禅道是一款国产的开源项目管理软件，她的核心管理思想基于敏捷方法 scrum，内置了产品管理和项目管理，同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能，在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来，完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 224 关注
  • 游戏

    沉迷游戏伤身，强撸灰飞烟灭。

    169 引用 • 799 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    164 引用 • 594 回帖 • 1 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 12 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖 • 1 关注
  • 智能合约

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

    1 引用 • 11 回帖 • 10 关注
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 11 关注
  • 微服务

    微服务架构是一种架构模式，它提倡将单一应用划分成一组小的服务。服务之间互相协调，互相配合，为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建，能够被独立的部署。

    96 引用 • 155 回帖
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 46 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    164 引用 • 407 回帖 • 526 关注
  • abitmean

    有点意思就行了

    • 21 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    180 引用 • 447 回帖 • 2 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 317 关注
  • VirtualBox

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

    10 引用 • 2 回帖 • 7 关注
  • danl
    • 61 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 682 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 53 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 1 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 132 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖
  • sts
    2 引用 • 2 回帖 • 146 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    940 引用 • 1458 回帖 • 156 关注

最新标签