angularjs how can pass multipul parameter to api

Question

How can I pass mutipul parameters from angularjs -to WebAPi My Api as its Required two parameters

public IHttpActionResult GetData(int pagesize,int Totalpages){---}

angularctrls.js

function GetData() {
        var PageDetails={
            'currentpage': $scope.currentPage,
            'pagesize':$scope.pagesize
        }    
        HomeFactory.GetDat(PageDetails).then(function () {
        })
    }

Factory.js

 EmployeeServiceFactory.GetDat = function (PageDetails) {
        return $http({
            url:WebAPi+'Home/GetData/',
            method: 'GET',
            data: PageDetails,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        })
}

Getting Error as

Failed to load http://localhost:3084/Home/GetData/%7B%22currentpage%22:1,%22pagesize%22:5%7D: No 'Access-Control-Allow-Origin' header is present on the requested resource

when i convert data in Json obj its throughing an error as A potentially dangerous Request.Path value was detected from the client (:). — Md Ghousemohi
– Md Ghousemohi, Commented Dec 8, 2017 at 14:58
correct this from url:WebAPi+'Home/GetData/'+PageDetails to url:WebAPi+'Home/GetData/' and methode ? should be method @MdGhousemohi and is your response status 404 ? — super cool
– super cool, Commented Dec 8, 2017 at 15:10
@supercool when i change url as your suggest even im getting same Error And My response is404 — Md Ghousemohi
– Md Ghousemohi, Commented Dec 8, 2017 at 15:13

Bassem Mamar · Accepted Answer · 2017-12-08 16:09:53Z

1

try params instead of data like below:

  EmployeeServiceFactory.GetDat = function (PageDetails) {
            return $http({
                url:WebAPi+'Home/GetData/',
                method: 'GET',
                params: PageDetails,
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
            })
    }

answered Dec 8, 2017 at 16:09

Bassem Mamar

3282 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aleksey Solovey · Accepted Answer · 2017-12-08 15:46:07Z

1

I think you can put data as an object.

EmployeeServiceFactory.GetDat = function (PageDetails) { 
  return $http({ 
    url:WebAPi+'Home/GetData/'+PageDetails, 
    method: 'GET', 
    data: {page_details: 
      PageDetails, foo: 'bar'}, headers: { 'Content-Type': 'application/x-www-form-urlencoded' 
    } 
  }) 
}

edited Dec 8, 2017 at 15:46

Aleksey Solovey

4,1663 gold badges18 silver badges34 bronze badges

answered Dec 8, 2017 at 14:58

Benjamin Audet

4933 silver badges12 bronze badges

Collectives™ on Stack Overflow

angularjs how can pass multipul parameter to api

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related