如何使用jquery .ajax选择元素的内容

Question

我有这个jquery代码：

    $.ajax({
        url:'ajax/windowshop.php',
        context:'#windowShop',
        success:function(data){
                        $('#windowShop').append(data);

                    }
            })

我想从页面ajax / windowshop.php中选择#windowShop的内容，并将它们插入到当前页面的元素中。我在使用ajax命令时找不到很多关于上下文的文档，这似乎不起作用，因为数据包含整个页面'ajax / windowshop.php'而不仅仅是ajax /中的''#windowShop'的内容windowshop.php。

Answer 1

您可以从data中选择内容。例如，如果所有主要内容都在id="content"的div中，那么您可以抓住它......

success: function(data) {
   $('#windowShop').html($(data).find('#content').html());
}

Answer 2

尝试：

$.ajax({
    url:'ajax/windowshop.php',
    context:'#windowShop',
    success:function(data){
        $(this).append($(data).find('#idOfElement'));
    }
});

Answer 3

您可以将load与这样的选择器一起使用。

$('#windowShop').load('ajax/windowshop.php #windowShop');