a service that utilizes $http to communicate with controllers

Question

a service that utilizes $http to communicate with controllers

My situation involves multiple controllers that rely on my custom service which uses $http. To tackle this issue, I implemented the following solution:

.service('getDB', function($http){
   return {
      fn: function(){

        return $http({
            url: "http://example.com",
            method: "GET"
        });

      }
   }
})

.controller('myCtrl', function($scope, getDB) {
console.log(getDB.fn());
}

Upon checking the output of getDB.fn() using console.log, I noticed that it returns $promise. How can I access the response data from this?

javascript angularjs

Answer 1

Answer №1

When working with $http in AngularJS, it returns a promise which can be further understood by referring to the $q documentation.

To utilize the promise, follow these steps:

.controller('myCtrl', function($scope, getDB) {
    getDB.fn(something).then(function(result){
         // Access the result here
    }, function(error){
         //Handle errors here
    });
}

You can pass parameters in the following way:

.service('getDB', function($http){
 return {
   fn: function(something){

    return $http({
        url: "http://example.com/" + something,
        method: "GET"
    });

   }
 }
})

Answer 2

When working with $http in AngularJS, it returns a promise which can be further understood by referring to the $q documentation.

To utilize the promise, follow these steps:

.controller('myCtrl', function($scope, getDB) {
    getDB.fn(something).then(function(result){
         // Access the result here
    }, function(error){
         //Handle errors here
    });
}

You can pass parameters in the following way:

.service('getDB', function($http){
 return {
   fn: function(something){

    return $http({
        url: "http://example.com/" + something,
        method: "GET"
    });

   }
 }
})

a service that utilizes $http to communicate with controllers

Answer №1

Similar questions

Does the onwheel event get triggered when scrolling on a trackpad?

Extract string data from JSON payload

Arrange the Json array by key value in a different order

Troubleshooting Next.js Mobile Freeze Issue: Unresponsive Scroll After Page Transition

Unexpected Issue Encountered in JQuery Integration

Utilizing AngularJS ng-show to conditionally display content based on data retrieved from an

JQuery click event does not play nicely with Javascript array splice functionality

Positioning 3D objects in Three.js

The validation process did not pass because of a manually inputted value

I am attempting to activate the "about us" button on the website. I have successfully included the path and added a router link to the containing div of the button. However, there seems to be something

What is the best way to execute a sequence of consecutive actions in a protractor test?

Increasing the size of elements with jQuery animate method

Looking for a script that automatically swaps out a div at set intervals? You'll need to tweak it so that it only

When attempting to send an array value in JavaScript, it may mistakenly display as "[object Object]"

AngularJS - fetch array length from a webApi request only on the initial call

Using Vue's V-IF directive to compare dates

Preventing users from copying and pasting information from my form by implementing javascript restrictions

Implementing Date.now() as a Schema Field Type in Meteor's Simple-Schema

Tips for extracting unique values from two arrays and returning them in a new array using JavaScript

What is the best way to retrieve the promise that encountered an error in the catch block while using async/await