@RequestParam and angularjs $http.post data retrieval

Question

I am trying to send an array

arr=["xxx.yyy","zzz.vvv"]

to spring endpoint like this:

$http.post("url",arr)

spring side:

@PostMapping(value = "url")
    public Set<String> func(@RequestParam(name="arr") String[] arr) {

    }

however I keep on recieveing

org.springframework.web.bind.MissingServletRequestParameterException: Required String[] parameter 'arr' is not present

how can I acces the array by the parameter name? I need to send a few arrays, so I assume they could be referenced by their names, however @RequestParam doesn't seem to work

We would need to know how your backend is expecting the data and with which content-type — Piou
– Piou, Commented Dec 29, 2016 at 13:30

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

From what I see from the spring documentation:

@RequestParam is for URL query parameters

@RequestBody is for parameters from body

As post send the information in the request body, try using the latest one:

@PostMapping(value = "url")
public Set<String> func(@RequestBody String[] arr) {

}

You may also need to modify the angular part as:

$http.post("url",{arr: arr})

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 29, 2016 at 13:33

Piou

1,0661 gold badge8 silver badges10 bronze badges

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

Comments

N'Bayramberdiyev · Accepted Answer · 2020-02-02 01:17:20Z

1

Angular:

getUsuarioId(id:number): Observable<Usuario>{
    return this.http.post<Usuario>(`${this.url}usuarioId`, id, {headers: {'Content-Type':'application/json', 'id': `${id}`}} )
}

Java:

@PostMapping("/usuarioId")
public Usuario getUserId(@RequestHeader  Integer id) {
    return usuarioService.findByIdUsuario(id);
}

You can change the id variable to a json, as follows:

getUsuarioId(id:number): Observable<Usuario> {
    let params  = {
      'Content-Type':'application/json',
      'id':`${id}`
    }
    return this.http.post<Usuario>(`${this.url}usuarioId`, params, {headers: params})
}

edited Feb 2, 2020 at 1:17

N'Bayramberdiyev

3,6509 gold badges32 silver badges47 bronze badges

answered Feb 1, 2020 at 21:01

Alex Soto Méndez

363 bronze badges

Comments

Manu Obre · Accepted Answer · 2016-12-29 13:29:08Z

0

Second parameters should be an object, array and secondArray represent the name of the parameters. yourArray and anotherArray will be your array inside the Angular App.

$http.post(url', {
           array: yourArray,
           secondArray: anotherArray,
    });

Then, on your BE side, you will refer to those value as array and secondArray as well.

answered Dec 29, 2016 at 13:29

Manu Obre

2,3041 gold badge14 silver badges12 bronze badges

Comments

Michael Sacket · Accepted Answer · 2016-12-29 13:32:24Z

0

You need to create a params object with arr as the key:

var params = {
    'arr': ["xxx.yyy","zzz.vvv"]
};

$http.post("url", params);

answered Dec 29, 2016 at 13:32

Michael Sacket

9078 silver badges13 bronze badges

Comments

Manikandan Velayutham · Accepted Answer · 2016-12-29 14:48:39Z

0

arr=["xxx.yyy","zzz.vvv"]
var sendData = {data:arr};

$http.post("url", sendData);

In spring you can get sendData. And when you are going to fetch values, you should give the key or index. Ex. arr[0], arr.name

answered Dec 29, 2016 at 14:48

Manikandan Velayutham

2,2281 gold badge17 silver badges22 bronze badges

Comments

Zerg · Accepted Answer · 2016-12-30 07:34:51Z

0

To send multiple arrays trough a post there should be an object on the spring side, e.g. ArrayWrapper that will hold 3 arrays and then an ArrayWrapper object should be sent trough angular, if you're using a library like jackson it will convert the object from requestbody to proper java object you can further process.

answered Dec 30, 2016 at 7:34

Zerg

8294 gold badges12 silver badges23 bronze badges

Collectives™ on Stack Overflow

@RequestParam and angularjs $http.post data retrieval

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related