码迷,mamicode.com
首页 > Web开发 > 详细

AJAX里调用AJAX,作定时进度刷新

时间:2015-11-10 12:26:17      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:

这个确实搞了一段时间,但成就感有啦。。。

哈哈,这个自动部署平吧,异步队列CELERY+REDIS,发布进度实时AJAX的技术点全部打通!!!

而获取实时进度,我用的是RESTFUL FRAMEWORK提供的API,让JSON数据实时返回。

我都快被自已的想法感动!:)

重点代码:

function showPercent(id_data){
var _interval; var percent_value; $.getJSON("url" + id_data, function(data,state){ if (state == ‘success‘) { $(‘#‘ + id_data).html("<div class=‘uk-progress uk-progress-striped uk-progress-active‘><div class=‘uk-progress-bar‘ style=‘width: " + data.deploy_status + "%;‘>" + data.deploy_status + "%</div><i class=‘uk-icon-cog uk-icon-spin‘></i></div>"); percent_value = data.deploy_status; console.log(percent_value) if ( percent_value != 100 ){ _interval = setInterval(showPercent(id_data), 3000); } else { clearInterval(_interval); $(‘#‘ + id_data).html("<div class=‘uk-progress uk-progress-striped uk-progress-success‘><div class=‘uk-progress-bar‘ style=‘width: " + data.deploy_status + "%;‘>" + data.deploy_status + "%</div></div>"); }; }; } ); };

来个图:

技术分享

AJAX里调用AJAX,作定时进度刷新

标签:

原文地址:http://www.cnblogs.com/aguncn/p/4952309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!