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

简介: 这个确实搞了一段时间,但成就感有啦。。。 哈哈,这个自动部署平吧,异步队列CELERY+REDIS,发布进度实时AJAX的技术点全部打通!!! 而获取实时进度,我用的是RESTFUL FRAMEWORK提供的API,让JSON数据实时返回。

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

哈哈,这个自动部署平吧,异步队列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>"); }; }; } ); };

来个图:

目录
相关文章
|
28天前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
29 1
|
9月前
|
前端开发 数据可视化 大数据
Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析
Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析
170 0
|
9月前
|
前端开发 JavaScript 关系型数据库
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
464 0
|
9月前
|
前端开发
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
65 0
|
9月前
|
前端开发 数据可视化 JavaScript
ajax刷新php后台实现定时任务的执行解决方案
ajax刷新php后台实现定时任务的执行解决方案
71 0
|
10月前
|
XML JSON 前端开发
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
64 0
|
前端开发
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
81 0
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
368 0
Ajax实现动态及时刷新表格数据
|
XML 前端开发 JavaScript
Ajax刷新
Ajax刷新
76 0
Ajax刷新
|
XML JSON 前端开发
【Ajax入门】实现页面的局部刷新,前后端交互少不了的技术
之前已经学习jQuery了,我们今天在jQuery的基础上继续学习Ajax。如果你不知道jQuery那么你可以先去看看本专栏的上一篇文章。
【Ajax入门】实现页面的局部刷新,前后端交互少不了的技术