javascript – 编程模式来压扁深层嵌套的ajax回调？

我继承了 JavaScript代码,其中Ajax处理程序的成功回调启动另一个Ajax调用,其中成功回调可能会也可能不会启动另一个Ajax调用.这导致了深层嵌套的匿名函数.也许有一个聪明的编程模式,避免深度嵌套,更干.此外,还存在整个函数中使用的内部变量myVar1和myVar2的问题.

jQuery.extend(Application.Model.prototype,{
    process: function() {
        var myVar1;
        // processing using myVar1;
        jQuery.ajax({
            url:myurl1,dataType:'json',success:function(data) {
                var myVar2;
                // process data using myVar1,set state of myVar2,// then send it back
                jQuery.ajax({
                    url:myurl2,success:function(data) {
                        // do stuff with myVar1 and myVar2
                        if(!data.ok) {
                            jQuery.ajax({
                                url:myurl2,success:mycallback
                            });
                        }
                        else {
                            mycallback(data);
                            }

                    }
                });
            }
        });
    }
});

解决方法

不需要所有回调都是匿名的并且内联定义,您可以在其他地方声明它们,并在指定回调时使用函数名称.