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

我开始使用带有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; 

在这种情况下,我会利用一个简单的回调模式。 有很多方法可以做到这一点,但关键是传递一个函数来处理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,所以为什么不利用它。

您无法返回创建的元素。 期。 幸运的是,你正在使用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); }); 

你正在使用jquery,所以你一个promise库: Deferred对象是你的朋友。 请参阅.promise方法的文档。