<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
<div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
<div class="progress progress-striped active" style="margin-bottom: 0;">
 数据加载中,请稍候...
</div>
</div>
</div>
<script>
showLoading = function(){
$('#loadingModal').modal({backdrop: 'static', keyboard: false});
}
hideLoading = function(){
$('#loadingModal').modal('hide');
}
</script>
$.ajax({
url: site_url + 'run_task/',
data: {},
beforeSend:function () {
showLoading()
},
complete:function(){
hideLoading()
},
success: function (res) {
console.log(res.data)
var _html = ' ';
var list = res.data;
var tpl = $('#task_list_tpl').html();
for (var i = 0, len = list.length; i < len; i++) {
var item = list[i];
_html += renderTpl(tpl, item)
}
$('.ranger-box2 tbody').html(_html);
})
jquery loading加载插件
最新推荐文章于 2021-12-21 16:54:23 发布