Modifying the URL for POST and GET requests in NgResource

Question

Modifying the URL for POST and GET requests in NgResource

I have two different URLs for serving POST and GET methods.

- This URL uses the POST method and requires a request body with no parameters.

- It utilizes the GET method with input provided through parameters.

In my services.js file, I am using the following code for the POST call:

.factory('User', ['$resource',function($resource){
    return $resource('http://205.147.99.162:8080/UASAPI/UserServices');
}])

To make a POST call, I use the following code snippet which works as expected:

User.save(angular.toJson(userAndAttributesValues), function(res){},function(res){});

Now, how can I add the GET method URL inside the User factory to be able to use the get() and query() methods from ngResource?

How should I go about invoking it?

javascript angularjs ionic-framework

Answer 1

Answer №1

To clarify, it seems like you can configure your factory to provide both functions:

.factory('User', ['$resource', function($resource){
    return {
      sendData: function() {
        return $resource('http://205.147.99.162:8080/UASAPI/UserServices');
      },
      receiveData: function() {
        return $resource('http://1.2.3.4:1234/UASAPI/UserServices/9959116790/123456');
      }      
    }
}])

You can then utilize them according to your requirements:

User.sendData()
User.receiveData()

Answer 2

To clarify, it seems like you can configure your factory to provide both functions:

.factory('User', ['$resource', function($resource){
    return {
      sendData: function() {
        return $resource('http://205.147.99.162:8080/UASAPI/UserServices');
      },
      receiveData: function() {
        return $resource('http://1.2.3.4:1234/UASAPI/UserServices/9959116790/123456');
      }      
    }
}])

You can then utilize them according to your requirements:

User.sendData()
User.receiveData()

Answer 3

Answer №2

If you want to pass parameters to ngResource...

Here is how you can call it:

// Fetching data
$scope.posts = Post.get({param1:1, param2:2});

// Saving some data
Post.save()

To set up the resource, follow these steps:

angular.module('app',['ngResource'])
  .controller('MainCtrl', function($scope, Post) {

    $scope.post = new Post();
    $scope.posts = Post.get({param1:1, param2:2});
    Post.save()

  }).provider('Post', function() {
    this.$get = ['$resource', function($resource) {
      var API = $resource('http://205.147.99.162:8080/UASAPI/UserServices/:param1/:param2', {
        param1: "@param1",
        param2: "@param2"
      });

      return API;
    }];
  });

Answer 4

If you want to pass parameters to ngResource...

Here is how you can call it:

// Fetching data
$scope.posts = Post.get({param1:1, param2:2});

// Saving some data
Post.save()

To set up the resource, follow these steps:

angular.module('app',['ngResource'])
  .controller('MainCtrl', function($scope, Post) {

    $scope.post = new Post();
    $scope.posts = Post.get({param1:1, param2:2});
    Post.save()

  }).provider('Post', function() {
    this.$get = ['$resource', function($resource) {
      var API = $resource('http://205.147.99.162:8080/UASAPI/UserServices/:param1/:param2', {
        param1: "@param1",
        param2: "@param2"
      });

      return API;
    }];
  });

Modifying the URL for POST and GET requests in NgResource

Answer №1

Answer №2

Similar questions

Improving Page Load Speed with HTML Caching: Strategies for Enhancing Performance when over half of the data transferred is for navigation menus

Having trouble resolving the FancyBox Jquery conflict and unable to find a solution

What is the best way to create rotational movement for an object in a-frame?

Issue with VueJS not functioning properly upon initial interaction or initial trigger

Is it possible to determine if a JavaScript/jQuery effect or plugin will function on iPhone and iPad without actually owning those devices?

Having trouble with ES6 in Canvas - why won't my code display correctly?

When you hover over the button, it seamlessly transitions to a

utilize Angular's interface-calling capabilities

Main.js in Electron cannot find the NODE_ENV environment variable

What is the best way to ensure there is only one space after every 4 characters in a string?

Preventing PCs from accessing a specific webpage: A step-by-step guide

My Redux reducer is being overridden by changes made using setState or .map() within my React component

When using Next.js, an error may occur when trying to use DOMPurify.sanitize(), displaying a TypeError message saying that dompurify__WEBPACK_IMPORTED_MODULE_6___default

Images in SCSS distorted due to styling issues

Detect the number of times the button has been clicked without the reliance on a global variable

If every object within the array contains a value in the specified property, then return true

Encountered a 404 error while trying to install body-parser

The attempt to recover the "NetworkStatus" plugin from config.xml was unsuccessful. To resolve this issue, consider re-adding it. Error: npm: Command terminated with exit code 1

Display solely the error message contained within the error object when utilizing the fetch API in JavaScript

What is the best way to use res.sendFile() to serve a file from a separate directory in an Express.js web application?