在Jquery对话框中加载新内容

时间:2014-06-11 21:01:20

标签: jquery html jsp servlets modal-dialog

我正在通过打开一个JSP来创建一个JQuery Modal对话框。此JSP接收从servlet发布的数据。现在有一个带有数据的href链接的部分,当我点击href时,我希望这个JQuery模态对话框保持不变并加载新内容。此时,此窗口关闭,并显示包含新数据的页面。有什么想法吗?

目前我有一个名为MetricReports.jsp的JSP,从MetricSelect.html调用。 我在MetricSelect.html中打开JQuery对话框,如下所示:

<script type="text/javascript">
$(document).ready(function() {
    renderjdialog('#jdialog','Syslog/Trap Analytics');
    $("#SubmitBtn").die();
    $("#SubmitBtn").live('click', function(e) {
        e.preventDefault();
        $.ajax({
            type: "post",
            url:'MetricsReport', 
            data: $(this).closest('form').serialize(),
            beforeSend: function(){
            $("#loading").show();   
        },
            success: function(response) {
            showDialog(response);
            $('#loading').hide();           
        }
    });
    });
});
</script>

JS代码如下:

var jDialog = undefined;
function renderjdialog(selector, title) {
jDialog = $(selector);
jDialog.dialog({
    title : title || 'Dialog',
    autoOpen : false,
    modal : true,
    width : 1070,
    height : 600
});
}
function  showDialog(content) {
content = content || '';
jDialog.html(content);
jDialog.dialog("open"); 
};
function  closeDialog(content) {
alert("Close performed");
jDialog.dialog("close");
parent.reloadContent();
location.reload(true);
};

现在在MetricsReport中,是一个重定向到JSP的servlet。此JSP有时包含HREF链接。目前,如果我点击HREF链接,它会重定向到关闭此JQUERY对话框的新页面。

我想要做的是在现有的JQUERY对话框中重新加载新页面。那可能吗?如果是,我们该怎么做?

0 个答案:

没有答案