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

时间:2013-10-01 10:29:11

标签: javascript jquery jsp jquery-ui-dialog

我正在努力为这种情况找到最佳实施方案。我想将内容从jsp页面加载到弹出窗口,我尝试使用SimpleModal但是这个库不适用于jsp页面,现在我正在尝试使用来自JQuery UI的Dialog。但是,这也行不通。

以下是我的代码:

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

我没有收到错误,但我也没有弹出对话框。什么可能是错的,我怎么解决我的问题?

1 个答案:

答案 0 :(得分:0)

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?