jQuery plugin to add loader to Bootstrap panels + auto fetch data from server.
Also includes handler for manual trigger and timed intervals.
Based on bootstrap-reload
Examples: Examples
Read this in other languages: English, Russian.
<div class="container">
<!-- [jqReload widget] -->
<div class="panel panel-default" data-url="/fetch-data">
<div class="panel-heading">jqReload Widget <a class="reload-button pull-right" href="javascript:void(0);"><i class="fas fa-sync"></i></a></div>
<div class="panel-body reload-panel">
<div class="reload-container"><i class="reload-spinner fas fa-spinner fa-spin fa-5x"></i></div>
<div class="reload-data">
<!-- The Received data will be placed here -->
</div>
</div>
</div>
<!-- [/jqReload widget] -->
</div>$(".panel").jqreload(options);{
autoLoad: true, // Initial load
delay: 3000, // Delay of initial load
autoReload: true, // Autoreload
interval: 60000, // Interval of autoreload
beforeLoad: false, // function ($e)
afterLoad: false, // function ($e, data)
ajax: {
method: 'GET',
dataType: 'html', // The type of data that you're expecting back from the server (see jQuery.ajax())
data: {}
}
}