使用ajax类负载

Question

我制作了一些脚本，它在fancybox上有模式窗口，在加载时由其他文件中的一些内容填充。我还有一些奇怪的事情：

我想通过ajax将内容加载到容器(#dialog-analogy).中。但不是完整的页面-只有一个div与id (#get-cats)。我不知道，如何从ajax页面获取id的内容。Thi是草稿：

function FillCats(catid) {
    $.ajax({
        url: "catalogue.php?cat="+catid+"&size=1",
            cache: false,  
            success: function(html){  
                    var getcat = $('#get-cats').html(html); // wrong
            $("#dialog-analogy").html(getcat);
            }  
    });
}

Answer 1

您将很高兴知道jQuery的load函数具有您想要的功能。您只需将一个选择器附加到URL的末尾。

function FillCats(catid) {
    $("#dialog-analogy").load("catalogue.php?cat="+catid+"&size=1 #get-cats");
}

请参阅 section的load文档。

Live example using load

如果由于某些原因不能使用load，则可以通过构建通过$()接收到的内容的结构，然后提取所需的元素来轻松地模拟它：

function FillCats(catid) {
    $.ajax({
        url: "catalogue.php?cat="+catid+"&size=1",
        cache: false,
        success: function(data) {
            $("#dialog-analogy").html($(data).find("#get-cats"));
        }
    });
}

Live example emulating load using ajax