进图条功能的实现(通过定时器的形式交互后端)
function submit_query(btn){
var sitv = setInterval(function(){
var prog_url = ... // prog_url指请求进度的url,后面会在django中设置
('#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
网友评论