jquery - 使用ajax之类的加载

Question

我制作了一些脚本，在 fancybox 上有模态窗口，加载时它会由其他文件中的一些内容填充。我有一些问题:

我想通过 ajax 将内容加载到我的容器 (#dialog-analogy)。但不是整页 - 只有一个带有 id 的 div (#get-cats)。我不知道如何从ajax页面获取id的内容。这是脚本草稿:

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 function 正是您想要的功能。您只需将选择器附加到 URL 末尾即可。

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

请参阅Loading Page Fragments 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