javascript - 使用 ajax 动态加载的 div 内容具有指向不同文件的更多链接。如何在同一个div中加载这些链接的内容

Question

问题陈述：我有一个带有标题、左面板和内容 div 的页面 (main.jsp)。当我单击左侧面板中的任何链接时，我使用 javascript ajax 调用来加载 div 中的内容。到目前为止，一切都很好。现在这个新加载的内容实际上是输入表单的三个页面之一。所以这个 form1 有一个提交按钮，它将数据发布到一个 servlet，该 servlet 又将一个 jsp 作为视图转发。这种观点不过是三中之二。

现在我希望这个 form2 也加载到同一个 div 中。截至目前，当我单击下一步时，form2 会打开一个新页面，而不是在父页面的 div 中打开。

我不想使用框架。我如何实现这一目标？有没有办法从 form1、2、3 等调用 main.jsp 中的 ajax 函数？

谢谢

Answer 1

您可以使用jquery加载功能

$("#your_content_div_id").load("external_file.jsp");