javascript - 如何使用 jQuery 将 jsp 页面的内容加载到模式窗口中？

Question

我正在尝试找到适合这种情况的最佳实现方案。我想将 jsp 页面的内容加载到弹出窗口，我尝试使用 SimpleModal 但该库不适用于 jsp 页面，现在我尝试使用 JQuery UI 中的对话框。但是，这也行不通。

下面是我的代码:

function loadPage() {    
    $("#loaderPage").load("test1.jsp");
    $("#loaderPage").dialog({
        height: 600, 
        width: 600, 
        modal: true
    }); 
    return false;
}

我没有收到错误，但也没有弹出对话框。可能出了什么问题以及如何解决我的问题？

Answer 1

JSP 页面将常规 HTML 发送到浏览器，因此无论它是 JSP 页面还是生成您正在调用的页面的任何其他类型的服务器端技术，都没有关系。

确保“test.jsp”页面的相对路径与包含脚本的页面相同。

还要确保有一个元素(例如 div)的 id 属性等于“loaderPage”。

确保您包含了 jquery 和 jquery-ui 库，正如 Arun Killu 在他的评论中提到的那样。

此外，使用 iframe 可能也有意义。请参阅:

How to dynamically load content from an external url, inside of a jquery ui modal dialog widget?