javascript - How to load modal content via ajax bootstrap pagination without reloading main page? -

javascript - How to load modal content via ajax bootstrap pagination without reloading main page? -

i have used bootstrap modal , paginate modal content pagination. everytime click next/prev button, entire page (includes main window) gets loaded

scripting lines:

$("#ajax_process_page").html("<%= escape_javascript(render('/modal_file')) %>"); $(document).ready(function() { $(document).on("click", ".pagination a", function() { $(".pagination").html("<img src='/images/feed-loader.gif' align='middle' />"); $.getscript(this.href); }); });

html code:

<div id="ajax_process_page"> <% render "/modal_file" %> </div>

we'll need more info help you, however, can seek somethings. looks clicking on link. maybe that's why keeps reloading. if that's case, can prepare using event.preventdefault(), code below:

$(document).ready(function() { $(document).on("click", ".pagination a", function(event) { event.preventdefault(); $(".pagination").html("<img src='/images/feed-loader.gif' align='middle' />"); $.getscript(this.href); }); });

javascript ajax ruby-on-rails-4 will-paginate