单击按钮后如何真正开始加载页面（在 jQuery 模式/对话框窗口中）？

Question

一个以前没有出现过的问题：

单击链接或按钮后，如何开始下载/真正加载 jQuery 模式/对话框窗口内的页面（html 或 php）？

看，目前我相信所有 .load() url 对象都必须位于页面内部，并且 load 实际上只是打开它们，并没有真正开始获取数据。我说得对吗？

我想如果我在模式窗口中放置一个 iframe，也许我可以实现这一点，这样当对话框打开时可能只会加载 iframe 的内容。再说一遍，我非常确定服务器使用 iframe src="page.php" 读取文档，然后加载它们而不显示它......

但我想要的是内容没有加载，然后才单击，它开始从服务器获取文件和图像内容。换句话说：我想要一个老式的小狗窗口，但在很酷的 jQuery / UI 模式/对话框窗口内。

非常感谢您的智慧和帮助。 多年来我一直在实现这一目标 来自荷兰的干杯，萨米

Answer 1

我还建议阅读一些有关 ajax 原理的内容，但让我尝试回答您的问题，即使您已经这样做了。

对 jQuery.load(...) 的任何调用都必须在页面中的现有元素上完成，比如说一个空的 div 元素。然后，load() 函数通过在后台启动真正的 HTTP GET 请求来异步获取给定 url 的数据，下载返回的任何内容，然后将所有检索到的数据（通常是 html 内容）粘贴到提到的 div 元素中。这会在页面可见时修改页面源，通常称为 ajax。如果粘贴的确实是 html 内容并且包含对图像的引用，则浏览器将识别它并发出更多 GET 请求来加载图像资源，就像在常规 html 页面上完成的那样。

对于一个小型工作示例 请参阅此处，如果我的理解正确，这可能正是您想要实现的目标。

Answer 2

块引用
作为对话框打开

<script type="text/javascript">
$(function (){
    $('a.ajax').click(function() {
        var url = this.href;
        var dialog = $('<div style="display:hidden"></div>').appendTo('body');
        // load remote content
        dialog.load(
            url, 
            {},
            function (responseText, textStatus, XMLHttpRequest) {
                dialog.dialog();
            }
        );
        //prevent the browser to follow the link
        return false;
    });
});
</script>