Как заменить «Async = false» на обещание в javascript?

Question

Я много читал о promises, но я все еще не уверен, как его реализовать.

Я написал следующий вызов AJAX с async=false, чтобы он работал, но я хочу заменить его обещанием, поскольку я видел, что async=false устарел.

self.getBalance = function (order) { 
    var balance; 
    $.ajax({ 
     url: "/API/balance/" + order, 
     type: "GET", 
     async: false, 
     success: function (data) { 
      balance = data; 
     }, 
     done: function (date) { 
     } 
    }); 
    return balance; 
} 

Вы могли бы мне помочь? Мне просто нужен пример, чтобы понять это.

Answer 1

Возвращение объекта обещание getBalance метода:

self.getBalance = function (orderNumber) { 
    return $.ajax({ 
     url: "/Exchange.API/accountInfo/balance/" + orderNumber, 
     type: "GET" 
    }); 
} 

и использовать его позже, как это:

service.getBalance().then(function(balance) { 
    // use balance here 
}); 

Answer 2

В первый момент, вы не хотите, чтобы установить асинхронный вызов ложным, как это заблокирует пользовательский интерфейс.

Вы можете упростить метод, возвращающий объект ajax, а дескриптор - как обещание.

self.getBalance = function (orderNumber) {  
    return $.ajax({ 
     url: "/Exchange.API/accountInfo/balance/" + orderNumber, 
     type: "GET", 
    }); 
}; 
var demoNumber = 12; 
self.getBalance(demoNumber).then(function(data){ 
    console.log(data); 
},function(err){ 
    console.log("An error ocurred"); 
    console.log(err); 
});