One can pass parameters to a promise's success callback within AngularJS using $q

Question

One can pass parameters to a promise's success callback within AngularJS using $q

I have encountered a situation that is similar to the one described in this post, but I am still unsure about how to implement it. I could use some assistance with setting up a successful callback.

This is the current functioning code:

function getStuff(accountNumber) {
    var logMessage = 'POST GetStuff';

    return $http.post(GetStuff, { custId: accountNumber })
        .then(log);
}

function log(response) {
    logger.debug(response);
    return response;
}

This is my desired goal:

function getStuff(accountNumber) {
    var logMessage = 'POST GetStuff';

    return $http.post(GetStuff, { custId: accountNumber })
        .then(log(response, logMessage));
}

function log(response, logMessage) {
    logger.debug(logMessage, response);
    return response;
}

javascript angularjs q

Answer 1

Answer №1

Here is a helpful function:

function retrieveData(accountNum) {
    var logMsg = 'POST RetrieveData';

    return $http.post(RetrieveData, { customerId: accountNum })
        .then(
           function handleSuccess(res) {
               return log(res, logMsg);
           }
        );
}

Answer 2

Here is a helpful function:

function retrieveData(accountNum) {
    var logMsg = 'POST RetrieveData';

    return $http.post(RetrieveData, { customerId: accountNum })
        .then(
           function handleSuccess(res) {
               return log(res, logMsg);
           }
        );
}

Answer 3

Answer №2

For those with specific preferences or requirements, there are a couple of options to consider. Personally, I usually write promise callbacks in the following manner:

.then(function success(response){
  return log(response, logMessage);
});

Alternatively, some may not favor this approach (I understand that it's not universally liked and should only be used when absolutely necessary):

.then(log.bind(null, response, logMessage));

Would either of these methods suit your needs?

Answer 4

For those with specific preferences or requirements, there are a couple of options to consider. Personally, I usually write promise callbacks in the following manner:

.then(function success(response){
  return log(response, logMessage);
});

Alternatively, some may not favor this approach (I understand that it's not universally liked and should only be used when absolutely necessary):

.then(log.bind(null, response, logMessage));

Would either of these methods suit your needs?

Answer 5

Answer №3

Take a look and see how this code snippet can be useful:

function fetchItems(user_id) {
  var logMessage = 'GET FetchItems';
  var deferred = $q.defer();

  return $http.get(FetchItems, { userId: user_id })
   .then(function(response){
      deferred.resolve(response);
      log(response, logMessage);
   }).catch(function(){
      deferred.reject();
   })     
   return deferred.promise;
}

Answer 6

Take a look and see how this code snippet can be useful:

function fetchItems(user_id) {
  var logMessage = 'GET FetchItems';
  var deferred = $q.defer();

  return $http.get(FetchItems, { userId: user_id })
   .then(function(response){
      deferred.resolve(response);
      log(response, logMessage);
   }).catch(function(){
      deferred.reject();
   })     
   return deferred.promise;
}

One can pass parameters to a promise's success callback within AngularJS using $q

Answer №1

Answer №2

Answer №3

Similar questions

After attempting to follow a guide, I encountered a scenario where a view was returning None because the is_ajax function was not

Mat-SideNav in Angular Material is not toggled by default

CSS: Concealing a separate div

What steps should I follow to bring in an animated SVG file into Next.js 13 without losing transparency and animation effects?

Tips for running and testing an AngularJS project within IntellijIDEA?

Ajax: client dilemma created by the interaction of two functions

Using JavaScript to save coordinates as a 2D Vector Object

How can I find the length of an array in Mongoose without using

I am having trouble embedding YouTube videos with my code

Use this jQuery-animated menu to make hyperlinks hover with style!

Open Zurb Foundation Reveal Modal from the bottom of the screen

Transform from a class-based component to a function-based component

Differences in React projects utilizing materialize-css compared to those using react-toolbox or material-ui

The final condition of the ternary operator fails to render if the specified condition is satisfied

Is there a way to detect a specific button press in react-native-picker-select?

Updating the color of text when clicking on a link using javascript

Incorporate a Variety of Elements onto Your Webpage

What are the consequences of altering meta tags once the DOM has fully loaded?

When using res.redirect in Express, it not only redirects to a new URL but also allows you to access the HTML

Difficulty Intercepting Browser's Back Button Press on Next.js Success Page