使用Twitter Bootstrap从JSON加载模式内容

Question

Is there a way that I can load a Modal with data from a JSON response?

For example,

here's a link to sign out of my application:

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

In a normal circumstance, the response will be:

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

The html contains the HTML of the content to be put into the modal, so all I'd need to do is extract the html data and push it to the div container.

Answer 1

Sure; for example, the html() jQuery function will shove its argument into whatever element you wish, including a Modal. In your case, assuming the "html" item has what you want to put in the Modal, you'd do something like $("#id-of-modal").html(response.html) .

Answer 2

With this:

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