How to send POST in angularjs with multiple params?

by

Client Side

Data needs to be grouped in an object array as payload – Indata:

var Indata = {'product': $scope.product, 'product2': $scope.product2 };

Pass the payload through $http.post as the second argument:

$http.post("http://localhost:53263/api/Products/", Indata).then(function (data, status, headers, config) { 
    alert("success"); 
},function (data, status, headers, config) { 
    alert("error"); 
});

Server Side

Create a Data Transfer Object(DTO) class as such:

public class ExampleRequest {
   public string product {get; set;};
   public string product2 {get; set;};
}

The class below accepts DTO with the same property names which the payload is carrying.

public void Post(ExampleRequest request)
{
    var productRepository = new ProductRepository();
    var newProduct = productRepository.Save(request.product);
}

In above class, request contains 2 properties with values of product and product2

More Related Contents:

  1. How to use a filter in a controller?
  2. CORS with spring-boot and angularjs not working
  3. Use of ng-src vs src
  4. Should I use `this` or `$scope`?
  5. How to format a date using ng-model?
  6. How can I define my controller using TypeScript?
  7. Descending order by date filter in AngularJs
  8. angular.js link behaviour – disable deep linking for specific URLs
  9. Testing AngularJS with Selenium
  10. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  11. Angular, content type is not being sent with $http
  12. Using comma as list separator with AngularJS
  13. Adding google plus login to ionic app
  14. What “things” can be injected into others in Angular.js?
  15. Usage of $broadcast(), $emit() And $on() in AngularJS
  16. Injecting $state (ui-router) into $http interceptor causes circular dependency
  17. Can someone provide an example of a $destroy event for scopes in AngularJS?
  18. Angular bootstrap datepicker date format does not format ng-model value
  19. How to create a AngularJS promise from a callback-based API
  20. How to use `replace` of directive definition?
  21. Why give an “abstract: true” state a url?
  22. ng-repeat specify a starting index
  23. Couldn’t load template using templateUrl in Angularjs
  24. How to Set Background image of div with ng-style
  25. Bootstrap-UI Typeahead display more than one property in results list?
  26. how to make synchronous http request in angular js
  27. How to detect if a user clicks browser back button in Angularjs
  28. how do I get ng-include directive to work with a Content Delivery Network?
  29. upload file from angularjs directly to amazon s3 using signed url
  30. How to pass .env file variables to webpack config?

Leave a Comment