Passing RequestParams in the URL with AngularJS to Spring MVC backend

Question

I have a URL mapping on my Spring REST controller that expects the URL to have three optional request parmeters. I have used @RequestParam annotation to define three optional parameters in the method that I defined below. The URL works fine when I use a browser to hit the same.

The problem is when I try to hit the same url with my AngularJS service. I have worked with PathVariables in the past but am not sure how to pass these RequestParam variables into the URL.

Angular Service:

$resource(configuration.get('wsUrlPrefix') + 'abc/xyz/:page/:size/:sortData', {}, serviceConfig)

The URL turns out to be something like this:

http://localhost:8080/abc/xyz//10?sortdata=%7B%22orderType%22:null,%22oEDistrictNbr%22:null,%22orderNumber%22:null,%22mainLine%22:null%7D

and the backend is not able to recognize it.

Ovidiu Dolha · Accepted Answer · 2017-05-25 10:19:23Z

1

This is because your sortdata parameter is an object, e.g. like this:

{ 
  orderType: null,
  eEDistrictNbr:null
  ..
}

So when this is encoded it will become like in your question (escaped chars, etc)

One way to fix it is to make sure your parameters are always strings or numbers, by deconstructing your object into simple primitives, e.g.

$resource(configuration.get('wsUrlPrefix') + 'abc/xyz/:page/:size/:sortDataOrderType/:sortDataEDistricNr/...', {}, serviceConfig)

answered May 25, 2017 at 10:19

Ovidiu Dolha

5,4132 gold badges24 silver badges31 bronze badges

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

1 Comment

Salman Kazmi Over a year ago

Yes thanks. But in order to pass url parameters I used the ? symbol at the end of the param name. It worked thanks.

Collectives™ on Stack Overflow

Passing RequestParams in the URL with AngularJS to Spring MVC backend

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related