码迷,mamicode.com
首页 > Windows程序 > 详细

用JQUERY的deferred异步按顺序调用后端API

时间:2015-09-05 13:46:18      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

花了两天啊,想办法。

顺便,DJANGO分页的东东也熟悉了下。

如果不用最新的deferred这个东东,那我们以前传统的链式异步调用代码很难看,且长。

以下这个东东未作优化代码封装。

this的参数用非VAR呈现全局调用。

且加了AJAX的前处理及结束处理。让网页为用户呈现升级信息。

 

var _self = this;

            promiseA = $.ajax({
                url:‘{% url "cp-dir" %}‘,
                type: ‘post‘,
                data:{
                     tgt : tgt,
                     
                },
                dataType: ‘json‘,
                beforeSend: function(){
                    $(_self).attr(‘disabled‘,"true");
                    $(_self).append(" <i class=‘uk-icon-cog uk-icon-spin‘></i>");
                },
                   error: function(){
                    alert(‘Error loading json document‘);
                },
                success: function(json){
                    UIkit.notify("cp-dir", {status:‘info‘, timeout:1000});
                    var json = eval(json);
                     $.each(json, function (index, item) {
                         UIkit.notify(json[index], {status:‘info‘, timeout:1000});

                     });
                }
            });

            promiseB = promiseA.then(function(){
                return $.ajax({
                    url:‘{% url "AUTO_DEPLOY:cmd-run" %}‘,
                    type: ‘post‘,
                    data:{
                         tgt : tgt,
                        
                    },
                    dataType: ‘json‘,
                    error: function(){
                        alert(‘Error loading json document‘);
                    },
                    success: function(json){
                        UIkit.notify("cmd-run", {status:‘info‘, timeout:1000});
                        var json = eval(json);
                         $.each(json, function (index, item) {
                             UIkit.notify(json[index], {status:‘info‘, timeout:1000});
                         });

                    },
                    complete: function(){
                        $(_self).children(‘i‘).remove();
                        $(_self).append(" <i class=‘uk-icon-check‘></i>")
                    }
                });
            });

 

用JQUERY的deferred异步按顺序调用后端API

标签:

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

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