Question

我开始使用带有promise库的angularJS进行web应用程序开发，但现在我必须在没有一个项目的情况下处理另一个项目。如何在不必导入promise库的情况下执行此操作。

我删除了一些不相关的东西，但基本上我需要从后端获取文件URL，根据此url创建一个元素，然后返回该元素。事情是，一旦我进入异步功能，我就不知道如何返回以返回创建的元素。

        var userLogoAWS = null;
        $.get("http://localhost:8080/apps/admin/file",
               {
                category: category,
                filename: "logo.png"
               },
               function(data){
                userLogoAWS = data;
               });

        img.src   = userLogoAWS;

        //---- Create and Combine elements ----
        var element = anchor.appendChild(img);

        return element;

Answer 1

您无法返回创建的元素。期。幸运的是，你正在使用jQuery，它带有它自己的延迟/保证系统，所以你可以继续你习惯的承诺设置。

function doSomething() {
    return $.get("http://localhost:8080/apps/admin/file", {
        category: category,
        filename: "logo.png"
    });
}
doSomething().done(function(data){
    var img = new Image();
    img.src = data;
    //---- Create and Combine elements ----
    var element = anchor/*where is anchor defined?*/.appendChild(img);
});

Answer 2

在这种情况下，我会利用一个简单的回调模式。有很多方法可以做到这一点，但关键是传递一个函数来处理ajax调用的成功，作为进行ajax调用的函数的参数。

function getLogo(createElement){
   $.get("http://localhost:8080/apps/admin/file",
               {
                category: category,
                filename: "logo.png"
               },
               function(data){
                 createElement(data)
               });
}

function createElement(logo){
   var img = new Image();
   img.src = logo;
   var element = anchor.appendChild(img);
   return element; //or assign element to a global variable
}

var element = getLogo(createElement);

如果这不起作用，JQuery有一个promise库，看起来你正在使用jquery，那么为什么不利用它呢。

Answer 3

您正在使用jquery，因此拥有承诺库：Deferred object是您的朋友。请参阅.promise method上的文档。

如何在没有承诺的情况下处理异步函数？

3 个答案: