页面进度条的实现和后台结合

2019-01-08  本文已影响0人  JSONYUAN

进图条功能的实现(通过定时器的形式交互后端)
function submit_query(btn){
var sitv = setInterval(function(){
var prog_url = ... // prog_url指请求进度的url,后面会在django中设置
.getJSON(prog_url, function(res){('#prog_in').width(res + '%'); // 改变进度条进度,注意这里是内层的div, res是后台返回的进度
});
}, 1000); // 每1秒查询一次后台进度

var this_url = ...                        // 指当前页面的url
var yourjson = ...
$.getJSON(thisurl, yourjson, function(res){ 
    // ...
    clearInterval(sitv);                   // 此时请求成功返回结果了,结束对后台进度的查询
    $('#prog_out').attr("class", "progress progress-bar-success"); // 修改进度条外层div的class, 改为完成形态
});

}
原博客:https://blog.csdn.net/q1w2e3r4470/article/details/72702406

上一篇 下一篇

猜你喜欢

热点阅读