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

With this:

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