2012-12-23 68 views
2

有沒有一種方法可以用來自JSON響應的數據加載模態?從JSON和Twitter加載模態內容引導程序

例如,

這裏登出我的應用程序的鏈接:

<a tabindex="-1" href="/ajax/account/logout" data-toggle="modal" data-target="#ajax" class="modal-link">Sign Out</a> 

在正常情況下,響應將是:

{"html":"htmlsource", 
    "resultCode":1} 

HTML中包含了HTML的內容被放入模式,所以我需要做的是提取html數據並將其推送到div容器。

回答

0

有了這個:

$.getJSON(url).success(function(data) { 
    $('#ajax, div').replaceWith(data.html); 
    $('#ajax').modal(); 
}); 
+0

我在想,但我會如何構建呢?我的意思是,鑑於它影響了已經在結核病中的默認模態系統? – bear

+0

你也可以在modl主體中添加一個虛擬內部div,並使用replaceWith(data.html) – asgoth

+0

如何捕獲ajax調用的事件?我的意思是,我可以使用'$('#ajax')。on('show',function()'? – bear

1

當然;例如,html() jQuery函數會將其參數推入任何您希望的元素,包括Modal。在你的情況下,假設「html」項目具有你想要在Modal中放置的內容,那麼你可以執行類似$("#id-of-modal").html(response.html)的操作。

+0

我編輯的問題 - 仍然在打字的時候你回答:) – bear