jquery - 如何使用 jquery 在弹出窗口中进行页面转换？

Question

我们有一个使用 jquery 的 Web 应用程序。我们必须添加一个新模块，该模块将在弹出窗口中打开。然后该模块中的所有页面将使用 ajax 在同一个弹出窗口中打开。

我们将有添加/编辑/列表/搜索页面等页面。我们希望这些页面在同一个弹出窗口中加载。

是否可以在弹出窗口中进行页面转换。我们正在使用 Spring MVC。

编辑 1

就像您单击菜单中的链接一样，它将打开一个弹出窗口。弹出窗口将有更多按钮，这些按钮将进入新屏幕，但在同一弹出窗口中。我使用ajax 来更新屏幕的一小部分。我曾经为此使用 div 和 span。但是我们如何用包含许多 html 组件的全新页面替换整个弹出页面。

就我使用过的ajax而言，当你进行远程调用时，服务器端方法会返回一些数据对象作为json作为响应，这些数据对象可以在客户端使用来更新页面的某些区域。

我们可以从服务器端返回整个页面作为响应吗？

请帮忙。

Answer 1

AJAX 可以通过两种方式工作:

• 返回用于更新页面内容的json对象
• 返回用于替换页面内容的html

如果您使用 AJAX 替换整个页面，则该页面内的任何链接也需要使用 AJAX 来执行相同的操作。

更简单的方法可能是使用 iframe 覆盖层，这样内容就可以像普通页面一样运行。因此，iframe 内的链接将像普通链接一样工作，但仅更新 iframe 区域。