美文网首页
页面进度条的实现和后台结合

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

作者: JSONYUAN | 来源:发表于2019-01-08 22:40 被阅读0次

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

相关文章

网友评论

      本文标题:页面进度条的实现和后台结合

      本文链接:https://www.haomeiwen.com/subject/ldsirqtx.html