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

进图条功能的实现(通过定时器的形式交互后端)
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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容