jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何从对话框中重新加载jQuery对话框?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在jQuery对话框中加载了一个页面.完成ajax命令后,我希望能够在jQuery对话框中重新加载相同的页面.如何从Dialog中加载的页面中重新加载jQuery对话框?

页面(Blah.aspx):

<script type="text/javascript">
    function view_dialog() {
        $('#dialog').load('blah2.aspx').dialog({
            title: 'test',modal: 'true',width: '80%',height: '740',position: 'center',show: 'scale',hide: 'scale',cache: false });
    }
</script>

<asp:Content
    ID="Content2"
    ContentPlaceHolderID="ContentPlaceHolder1"
    runat="server">

    <input id="Button1" onclick="view_dialog()" type="button" value="button" />
    <div id="dialog" style="display: none"></div>

</asp:Content>

对话框内容页面(blah2.aspx):

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    $(document).ready(function() {
        function doit() {
            var request = $.ajax({
                url: "someurl",dataType: "JSON",data: {
                    a: 'somevalue'
                }
            });

            request.done(function () {
            //refresh the current dialog by calling blah2.aspx again
        });
    }       
</script>

<asp:Content
    ID="Content2"
    ContentPlaceHolderID="ContentPlaceHolder1"
    runat="server">

    <input id="Button1" onclick="doit()" type="button" value="button" />

</asp:Content>

解决方法

您正在将其他页面中的内容加载到当前页面中的对话框容器中,因此这里只有一个页面可供使用.我建议只从对话框源页面加载部分html(没有< head>或< body>标记).

因此,您可以销毁对话框并重新创建它以重新加载对话框内容

function reload_dialog()
{
    $('#dialog').dialog('destroy');
    view_dialog();
}

function view_dialog() {
    $('#dialog').load('blah2.aspx').dialog({
        title: 'test',cache: false });
}

或者,您可以重新加载整个页面.

window.location.reload();

大佬总结

以上是大佬教程为你收集整理的javascript – 如何从对话框中重新加载jQuery对话框?全部内容,希望文章能够帮你解决javascript – 如何从对话框中重新加载jQuery对话框?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: