2012-12-23 35 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