jQuery ajax加載另一個頁面上div的內容不起作用

Question

是不是jQuery的ajax支持從另一個頁面加載內容？我很好，通過使用.load，但只是好奇，爲什麼？

例如：

var ajaxModal = $('<div />', { 
     'class': 'ajax-modal' 
    }), 
    $data = $(link).data(), 
    options = { 
     url: $(link).prop('href') + ' ' + $data.target 
    }; 

ajaxModal.load(options.url, function() { 
    ajaxModal.appendTo('body').show(); // works 
}); 

$.ajax(options).done(function (data) { 
    ajaxModal.html(data).appendTo('body').show(); // doesn't work 
}); 

Answer 1

從Docs：

的​​方法，不像$.get()，允許我們指定的 遠程文檔的部分被插入。這是通過url參數的特殊 語法實現的。如果字符串中包含一個或多個空格字符 ，則假定第一個 空間後面的字符串部分是用於確定要加載的內容 的jQuery選擇器。

如果你真的想在你的情況下使用AJAX，你可以使用類似：

$.ajax(options).done(function (data) { 
    var DivYouWant = $("#DivYouWant", data); 
    ajaxModal.html(DivYouWant).appendTo('body').show(); // does work 
});