2015-09-28 130 views
1

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

例如:

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 
}); 
+1

什麼是'ajaxModal'? –

+0

只是附加內容的div。 – Morpheus

+0

你調試了嗎? 「完成」回調甚至會被調用? –

回答

2

Docs

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

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

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

輝煌,直接點:)謝謝你的答案:) – Morpheus

相關問題