Add parameters to query string when using PUT method with Angular's $http

Question

I'm using Angular's $http service to make web api requests. When I use the GET method, the two param values are added to the query string:

// http://foo.com/api/test?heroId=123&power=Death+ray
$http.get("/api/test", {
   params: { heroId: 123, power : "Death ray" }
})

However, when I use the PUT method the params are JSON-encoded and sent as the request payload:

// {"params":{"heroId":123,"power":"Death ray"}}
$http.put("/api/test", {
   params: { heroId: 123, power : "Death ray" }
})

How can I force the params to be added to the query string when using PUT?

Michel · Accepted Answer · 2016-03-19 14:15:53Z

57

With $http.put, $http.post or $http.patch, the config object containing your url parameters goes as the third argument, the second argument being the request body:

$http.put("/api/test",                                       // 1. url
          {},                                                // 2. request body
          { params: { heroId: 123, power : "Death ray" } }   // 3. config object
);

$http.put documentation for reference

edited Mar 19, 2016 at 14:15

answered Jul 22, 2015 at 20:10

Michel

28.6k6 gold badges67 silver badges72 bronze badges

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

Comments

khichar.anil · Accepted Answer · 2015-07-22 20:21:35Z

-3

AngularJS send json data and not x-www-form-urlencoded format data. Though you can try the below one:

$http.put("/api/test", { heroId: 123, power : "Death ray" });

answered Jul 22, 2015 at 20:21

khichar.anil

5,1141 gold badge27 silver badges21 bronze badges

Comments

AnandKumar · Accepted Answer · 2018-03-27 18:49:04Z

-3

If your api url is "api/test/heroId/power",

var data = 123+'/Death ray'

$http.put("api/test"+data);

answered Mar 27, 2018 at 18:49

AnandKumar

73 bronze badges

1 Comment

tronman Over a year ago

You must have misunderstood the question. The params go in the query string, not the path.

Collectives™ on Stack Overflow

Add parameters to query string when using PUT method with Angular's $http

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related