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

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

作者: 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