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

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

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

                            };
                    }
                );
            };

来个图:

时间: 2024-11-02 05:16:00

AJAX里调用AJAX,作定时进度刷新的相关文章

jQuery AJAX实现调用页面后台方法_AJAX相关

本文实例为大家分享了jQuery AJAX调用页面后台方法,供大家参考,具体内容如下 1.新建demo.aspx页面. 2.首先在该页面的后台文件demos.aspx.cs中添加引用. using System.Web.Services; 1).无参数的方法调用. 大家注意了,这个版本不能低于.net framework 2.0.2.0已下不支持的. 后台代码: [WebMethod] public static string SayHello() { return "Hello Ajax!&q

使用对象封装ajax重复调用的方法_AJAX相关

在项目中经常用到AJAX调用远程数据,每一次调用,都得写一个ajax方法,这就造成了重复代码过多,可读性也不够强,所以,我一般都是封装起来,需要的时候调用. var imgUpload = { //ajax请求数据 method:function(murl,mdata,method,success){ $.ajax({ type: method, url: murl, dataType : "jsonp", data: mdata, timeout: 20000, error: fun

函数-关于jsp页面调用ajax 定时刷新的问题

问题描述 关于jsp页面调用ajax 定时刷新的问题 代码如下,哪位大神看一下 指出错误,貌似这样不好使啊 $(function(){ function show(){ $.ajax( { url: "normal.jsp", //这里是静态页的地址 type: "GET", //静态页用get方法 success:function(data){ $("#normal").html(data); } }); setInterval("s

AJAX学习之Atlas框架之定时无刷新读取数据库

ajax|定时|数据|数据库|刷新|无刷新 通过上次那个Hello,World的基本ATLAS程序的联系,对于ATLAS我们可能只有一大概的印象.那么我们有要开始实现我们的目标:定时无刷新的随机显示数据库中的一条数据和按下按钮来显示数据库中的一条数据.方式:ASP.NET的客户端控件.(我们知道ASP.NET是用服务器端控件的.客户端的控件就是以前普通的HTML表单控件.对于服务器端的实现我们在下次解决.其实我们以前的实现方式都是基于客户端的实现方式如果要与ASP.NET结合我们就要换成另外一种

前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例_实用技巧

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 CasMenu.aspx页面: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

AJAX对象调用(XML HTTP Request)

ajax|request|xml|对象 作者:Jim Ley(主页) 译者:Sheneyan(子乌)(主页) 时间:2006.1.29 英文原文:http://jibbering.com/2002/4/httprequest.html 译文地址:http://sheneyan.com/g.php/tech/article/ajax/httprequest.html 子乌注:这篇文章我想看过的人很多,翻译的版本也有许多,我之所以要再来翻译一次,是因为这篇文章的时效性(看下一段作者说明),以及文字的

jQuery调用AJAX时Get和post公用的乱码

 以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法,但是使用js代码比较繁琐,我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery.    一个网站的设计,不管是注册登录还是分页查找,都需要提交参数到服务器以便得到所需的页面数据.为了减少用户因刷新页面带来的煎熬,ajax诞生.但是初学者进行项目开发时,会遇到一个很烦人的问题:中文乱码.   下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码,我们需要通过什么方式来解决.  我们这个实例主要实现用

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法

 本篇文章主要是对jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如:    代码如下: function ManageCommentText(text) { var result = te

Ajax在请求过程中显示进度的简单实现_AJAX相关

Ajax在Web应用中使用得越来越频繁.在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求):调用完成后,图片消失,当前页面运行重新编辑.以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左).当用户点击该链接之后,Ajax请求开始,GIF图片显示"Loading"状态,同时当前页面被"罩住"防止用户继续点击L