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

Assign a class to the initial element of the Vuetify v-select module

What are some ways I can efficiently download large attachments without disrupting the user's experience?

Fetching JSON data using Javascript/JQuery

Passing data between multiple components in Vue.js and Laravel: Best practices

Ensuring the accuracy of user input

Inserting a value into a Node/Express session

What steps should I follow to have my edit form component extract values from HTML in Angular?

javascript design pattern - achieving unexpected outcome

"Every time ajax is called, it will always generate

Is it possible to use jQuery to set a value for a form control within an Angular component?

What is the best way to filter and sort a nested tree Array in javascript?

Ways to dynamically assign a name to a div using AngularJS

The image is experiencing difficulty loading from the Express static directory

Can a link be generated that swaps out the original URL redirect for the following visitor upon clicking?

What is causing the unexpected behavior of deferred.resolve in the q manual?

Identifying Mistakes during Promise Initialization

"Creating a Hyperlink that Navigates to Specific Content Within a

Learn how to access an array within an object using JavaScript and an API URL

Challenges with Vuex and updating arrays using axios

Retrieve JSON object based on its unique identifier from a different JSON file