关键是setInterval无法传递参数,所以用了匿名函数再包裹一下就好了。

//重置发布进度
    function resetPercent(id_data){
        $.ajax({
              url:'/autodeploy/reset_percent/' + id_data,
              success: function(json){
                },
            });
    };
    //间隔刷新,显示百分比,AJAX调用rest_framework框架
    var _interval = {};

    function showPercent(id_data){
        //var _interval;
        var percent_value;
        var id_subserver = id_data.split("-")[0]

        $.getJSON("/api/subserver/" + id_subserver,
            function(data,state){
                if (state == 'success') {
                    percent_value_array = data.deploy_status.split(",");
                    percent_value = percent_value_array[0];
                    cmd_value = percent_value_array[1];
                    $('#' + id_data).html("<div class='uk-progress uk-progress-striped uk-progress-active'><div class='uk-progress-bar' style='width: " + percent_value + "%;'>" +  cmd_value + ' ' + percent_value + "%</div><i class='uk-icon-cog uk-icon-spin'></i></div>");
                     console.log(percent_value[0])
                        if ( percent_value != 100 ){
                            //_interval = setInterval(showPercent(id_data), 3000);
                        } else {
                             clearInterval(_interval[id_data]);
                             $('#' + id_data).html("<div class='uk-progress uk-progress-striped uk-progress-success'><div class='uk-progress-bar' style='width: " + percent_value + "%;'>100%</div></div>");
                        };

                    };
            }
        );
    };

    $(".btn-multi-deploy").click(function(){
          var deploypool_id =  $(this).attr("deploypool_id")
          var group_data = $("#deploy-form" + deploypool_id).serialize()
          var deploy_type = $(this).attr("deploy_type")
          var _self = this;

          console.log(deploypool_id, group_data)

          //因为涉及到模态对话态中的AJAX输出ID定位,所以用了两个数组来重置更新进度和刷新百分比。可以优化。
          var id_array = []
          var id_s_array = []
          var group_array = group_data.split("&");
          for (var key_data in group_array) {
            if (group_array[key_data].indexOf("select-deployversion") != -1) {
                deploy_id = group_array[key_data].split("=")[1]
            };
            if (group_array[key_data].indexOf("check-server") != -1) {
                id_s_array.push(group_array[key_data].split("=")[1])
                id_array.push(group_array[key_data].split("=")[1] + "-" +deploy_id)

            };
          };

          promiseDEPLOY = $.ajax({
            url:'{% url "autodeploy:group-cmd" %}',
            type: 'post',
            data:{
                group_data: group_data,
                deploy_type: deploy_type,
            },
            dataType: 'json',
            beforeSend: function(){
                result_output = $(_self).siblings("p.result_output");
                result_output_desc = $(_self).siblings("p.result_output_desc");
                $(_self).attr('disabled',"true");
                $(_self).append(" <i class='uk-icon-cog uk-icon-spin'></i>");
                result_output_desc.append(" <strong>集群发布中,请耐心等候....</strong>");
                // result_output.html("<div >集群发布中,请耐心等候....</div>");
                //发送前重置
        for( index=0;index < id_s_array.length;index++){
                    resetPercent(id_s_array[index]);
                }
            },
            success: function(json){
                $(_self).children('i').remove();
                $(_self).append(" <i class='uk-icon-check'></i>")
                result_output_desc.append("<span class='uk-text-success'><i class='uk-icon-check'></i></span>");
                result_output_desc.append("<span class='uk-text-success'>异步队列分发完成,每个服务器开始更新。</span>");
                //发送后获取进度

         for( index=0;index < id_array.length;index++){
            var key = id_array[index];
                    //_interval = setInterval(function(){showPercent(key)}, 3000);
            _interval[key] = setInterval(function(){showPercent(key);}, 3000);
                }
        },
            error: function(){
                result_output_desc.append("<span class='uk-text-muted'><br>服务器内部错误 </span>");
                result_output_desc.append("<span class='uk-text-danger'><i class='uk-icon-remove'></i></span>");
                $(_self).children('i').remove();
                result_output.html("<div ></div>");
            },
            complete: function(){
            }
        });/* end cmd-run stop */
    });

最新文章

  1. 使用EF Oracle实现DevExpress绑定大数据的ServerMode模式
  2. W3C代码标准规范
  3. int 和 string 相互转换(简洁版)
  4. 基于Moodle的IT课程辅助教育平台搭建
  5. socket编程listen函数限制连接数的解决方案
  6. MYSQL Error 2006HY000:MySQL server has gone away的解决方案
  7. IBinder对象在进程间传递的形式(一)
  8. 将窗体显示在 PageControl 上
  9. Java基础知识二次学习--第八章 流
  10. strval
  11. 【三思笔记】 全面学习Oracle分区表及分区索引
  12. 20165308 2017-2018-2 《Java程序设计》课程总结
  13. day6 三级菜单
  14. 【Java】MyBatis与Spring框架整合(一)
  15. 服务链路追踪(Spring Cloud Sleuth)
  16. pycharm显示Unresolved reference
  17. Safe point
  18. Linux应急响应(一):SSH暴力破解
  19. 论文笔记—Flattened convolution neural networks for feedforward acceleration
  20. Python 面试题学习

热门文章

  1. smarty实现缓存
  2. JAXB - The Object Factory
  3. getOutputStream() has already been called for this response异常的原因和解决方法
  4. VBA实现随意输入组合码,查询唯一标识码
  5. 移动硬盘安装linux系统小记
  6. Oracle Text Slowly
  7. 关于char 指针变量char *=p;这个语句的输出问题
  8. 九度OJ 1534 数组中第K小的数字 -- 二分查找
  9. Boot Petalinux Project Using a remote system
  10. Linux中的简单命令