使用Javascript - 承诺

Question

我试图实现与承诺的服务器调用的行为后重定向。

我希望发生的是，当从服务器的回复是“成功”我想重定向到“成功”页面否则，如果它是“失败”，我想重定向到“失败”页面。

目前的情况是，响应没有被等待，浏览器重定向之前，我从服务器得到任何回应，如果它是成功还是失败，都无所谓。

我在做什么错了，我该怎么解决呢？

这里是我的代码的相关部分：

var ch_item; 
Payment.postInvoice(dataObj, $rootScope.usertoken).then(function(res){ 
    if (res.message === "success") { 
    setTimeout(function() { 
     var payment_details = res.data; 
     User.getUserById(res.data.stylist_uuid, res.data.customer_uuid).then(function (stylist) { 
     ch_item = TC_Service.getChatCredentials(stylistInfo.uid, $rootScope.userId, $rootScope.usertoken, dataObj.request_uuid); 
     openModelAlert("Thank you for your booking!"); 
     $location.path('/success'); 
     }); 
    }, 500); 
    } else { 
    setTimeout(function() { 
     openModal("Sorry, please come back later."); 
     $location.path('/failure'); 
    }, 500); 
    } 
    $modalInstance.dismiss('cancel'); 
    $location.path('/default'); 
}, function() { 
    console.log("Something went wrong with the payment, the response is: "+res.message); 
}); 

帮我出球员:)

谢谢您的时间..

五

Answer 1

回来时的承诺您不需要放入if/else语句来确定该调用是失败还是成功。这是默认回调的一部分。

.then(
    function(response){ 
    //if success show the response in the log 
    console.log(response) 
    },function(error){ 
    //if error show the error message in the log 
    console.log('Error: ' + error.statusText); 
    } 
); 

从上面的示例中可以看到。第一个回调函数处理成功，第二个回调函数处理错误。我希望你能用这个工作。

编辑

试试你的代码修改，以这样的：

var ch_item; 

Payment.postInvoice(dataObj, $rootScope.usertoken).then(function(res){ 
     var payment_details = res.data; 
     User.getUserById(res.data.stylist_uuid, res.data.customer_uuid).then(function (stylist) { 
     ch_item = TC_Service.getChatCredentials(stylistInfo.uid, $rootScope.userId, $rootScope.usertoken, dataObj.request_uuid); 
     openModelAlert("Thank you for your booking!"); 
     $location.path('/success'); 
     }); 
    } 
}, 
function (err) { 
     console.log("Something went wrong with the payment, the response is: "+err.message); 
     openModal("Sorry, please come back later."); 
     $location.path('/failure'); 
    });