将 GWT webapp 加载到像 iframe 一样的 DIV 中（jQuery .load()）答案

【问题标题】：Load GWT webapp into a DIV like an iframe (jQuery .load())将 GWT webapp 加载到像 iframe 一样的 DIV 中（jQuery .load()）
【发布时间】：2011-12-06 00:26:53
【问题描述】：

目前我有一个 iframe 来包装我的 GWT 应用程序，但我遇到了一些缓慢，我认为这是因为 iframe。我正在尝试通过带有 .load() jQuery 函数的 XMLHttpRequest 将内容加载到 div 中，但不起作用。

它会正确下载所有源代码，但不会将其显示到 div 中：/

我已经尝试过仅使用正文和一些文本进行 JSP 测试，并且它可以工作，所以我认为当它是 GWT webapp 时会出现某种问题。

这是我的代码：

$("#mainFrame").load(url, function(response){$("#mainFrame").html(response)});

（是的，我知道我不应该使用 html() 调用来执行此功能，但没有它就无法工作。我不知道为什么）

顺便说一句，两者都在同一个服务器上；目前在本地主机中。所以我放弃了跨域问题。

【问题讨论】：

标签： jquery ajax gwt xmlhttprequest

【解决方案1】：

GWT 应用程序，当使用内置链接器时，会监听 onload 和 DOMContentLoad 事件，因此 *.nocache.js 脚本必须在之前加载（即同步从在您的 HTML 主机页面中）。

您可以编写一个自定义链接器来克服这个限制，但您需要对 GWT 应用程序的引导过程有一些深入的了解，所以如果我是您，我宁愿首先证明 iframe 是问题所在。

【讨论】：

在什么 onload 事件之前加载？主页onload？我不能这样做，它必须能够随时加载 div 内容，即使在 onload 事件之后也是如此。它就像左侧的 webapp 选择器菜单，右侧的类似 iframe 的 div 将选定的 webapps 加载到 self 中。