使用 Twitter Bootstrap 从 JSON 加载模态内容答案

【问题标题】：Load modal content from JSON with Twitter Bootstrap使用 Twitter Bootstrap 从 JSON 加载模态内容
【发布时间】：2012-12-10 11:36:13
【问题描述】：

有没有一种方法可以使用来自 JSON 响应的数据加载 Modal？

例如，

这是退出我的应用程序的链接：

 <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 容器。

【问题讨论】：

【解决方案1】：

当然；例如，html() jQuery 函数会将其参数推入您希望的任何元素，包括模态。在您的情况下，假设“html”项具有您想要放入模态的内容，您可以执行$("#id-of-modal").html(response.html) 之类的操作。

【讨论】：

【解决方案2】：

有了这个：

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

【讨论】：