如何用xhr做load（）的同样的事情？

Question

我的代码是load：

    $('#single-photo-zoom').load(href+' #content', function() {
        alert("ok");
    });

我想使用$.ajax，但我不知道如何在#content中加载#single-photo-zoom

  xhr = $.ajax({
        url: href,
        success: function(data) {
             // ???
        }
    });

我想使用$.ajax因为我想有可能中止加载。使用load函数无法实现。

Answer 1

如果你知道什么是负载就太容易了。

xhr = $.ajax({
    url: href,
    success: function(data) {
         $('#single-photo-zoom').html(data);
    }
});

Answer 2

首先将数据转换为jQuery对象，然后可以从该对象中检索所需的内容并插入相应的元素中：

success:function(data){
    var $content=$(data).find('#content');
    $('#single-photo-zoom').html( $content);
}

编辑：

假设#content位于另一个父级body或另一个div。如果不是整页且#content位于根级别，请使用filter()代替find()