博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用JQUERY的deferred异步按顺序调用后端API
阅读量:6820 次
发布时间:2019-06-26

本文共 1999 字,大约阅读时间需要 6 分钟。

花了两天啊,想办法。

顺便,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(" ");                },                   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(" ")                    }                });            });
复制代码

转载地址:http://sglzl.baihongyu.com/

你可能感兴趣的文章
《linux Shell 脚本攻略》进阶学习(第二部分)
查看>>
mysql常用命令
查看>>
Leetcode PHP题解--D76 993. Cousins in Binary Tree
查看>>
http、https 等 常用默认端口号
查看>>
SQL SERVER的安装
查看>>
裸心社pinyin&IK settings
查看>>
Spring-Boot-操作-Redis,三种方案全解析!
查看>>
ubuntu 15.10下apache+php+mysql安装
查看>>
RHCE 学习笔记(28) Target Service
查看>>
2016年4月6日作业
查看>>
RxJava 学习笔记<十> 译 Leaving the monad
查看>>
Mariadb galera cluster 安装配置
查看>>
川模型 一款新的测试模型的提出与研究
查看>>
如何快速开发网站?
查看>>
cloudera search1.0.0环境搭建(1):搭建solrcloud
查看>>
SpringBoot整合Quartz(升级版)
查看>>
导入sql语句 汉字编码不一样报异常
查看>>
html文本自动换行
查看>>
Exchange常见问题大全
查看>>
安装Sublime Text 2插件的方法
查看>>