JavaScript教程之浅谈JS异步轮询和单线程机制(2)

当前位置:

首页 > 网站开发 > JavaScript >

JavaScript教程之浅谈JS异步轮询和单线程机制(2)
2019-04-28 21:43 来源：未知

结果如下所示:先打印cc1,cc222, 然后执行25行success中代码

回到顶部

问题

Callback没有按照我们预期的顺序执行
Callback不易于我们进行模块化管理

回到顶部

jQuery.Deferred

jQuery1.5的变化,语法糖改变,遵循开发封闭原则

$.ajax({url: url,

        dataType: "jsonp",

        type:"get",

        data:{location:city}})

        .done(function(data){

            if(data.result){

                var sk = data.result.sk;

                var today = data.result.today;

                var futur = data.result.future;

                var fut = "日期温度天气风向";

                $('#mufeng').html(

                    "<p>" + '当前: ' + sk.temp + '℃ , ' + sk.wind_direction + sk.wind_strength +

                    ' , ' + '空气湿度' + sk.humidity + ' , 更新时间' + sk.time +

                    "</p><p style='padding-bottom: 10px;'>" + today.city + ' 今天是: ' + today.date_y +

                    ' ' + today.week + ' , ' + today.temperature + ' , ' + today.weather + ' , ' + today.wind + "<p></p>"

                );

            }else {

                console.log('该接口调用达到上限')

            }

        })

        .fail(function(){

            console.log("获取数据失败")

        })

        .done(function(data){

            console.log(data)

        })

栏目列表