Pass array of arrays from JavaScript to Spring MVC controller using AJAX

Question

So I have a little issue here as described. In the following first example I'm passing a simple array which is working. If I want to pass an array of arrays in the second example, it isn't working anymore. Any suggestions?

This works:

JS

var myArrayOfStrings = ["x", "y"];

function createConsumer(){
        $.ajax({
             type: "POST",
             url: "/save",
             data: { myArray: myArrayOfStrings }
        });
    }

Controller

@RequestMapping(value = "/save", method = RequestMethod.POST,produces = MediaType.APPLICATION_JSON_VALUE)
public @ResponseBody void Submit(@RequestParam("myArray[]") String[] name) {
    System.out.println(name[0]);
}

The following solution isn't working, why? I just want to pass an Array of Arrays instead of a "simple Array". How will it work?

JS

var myArrayOfArrays = [["x", "y"],["x", "y"]];


function createConsumer(){
        $.ajax({
             type: "POST",
             url: "/save",
             data: { myArray: myArrayOfArrays }
        });
    }

Controller

@RequestMapping(value = "/save", method = RequestMethod.POST,produces = MediaType.APPLICATION_JSON_VALUE)
public @ResponseBody void Submit(@RequestParam("myArray[][]") String[][] name) {
    System.out.println(name[0][0]);
}

informatik01 · Accepted Answer · 2024-04-08 20:26:24Z

3

I think you should serialize your nested array with JSON.stringify() before you pass it with AJAX.

var myArrayOfArrays = [["x", "y"],["x", "y"]];

function createConsumer(){
    $.ajax({
         type: "POST",
         url: "/save",
         data: JSON.stringify({ myArray: myArrayOfArrays })
    });
}

Kind regards.

edited Apr 8, 2024 at 20:26

informatik01

16.5k11 gold badges82 silver badges112 bronze badges

answered Aug 9, 2017 at 13:51

theroka

581 silver badge6 bronze badges

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

2 Comments

Justin Lange Over a year ago

How would I change the controller?

NikNik Over a year ago

@RequestParam("myArray") String name

informatik01 · Accepted Answer · 2024-04-08 20:22:25Z

1

This solution worked.

JavaScript:

var myArrayOfArrays = [["x", "y"],["x", "y"]];

function createConsumer(){
    $.ajax({
         contentType: "application/json",
         type: "POST",
         url: "/save",
         data: JSON.stringify(myArrayOfArrays)
    });
}

Controller:

@RequestMapping(value = "/save", method = RequestMethod.POST)
public @ResponseBody void Submit(@RequestBody String[][] name) {
    System.out.println(name[0][0]);
}

edited Apr 8, 2024 at 20:22

informatik01

16.5k11 gold badges82 silver badges112 bronze badges

answered Aug 9, 2017 at 14:41

Justin Lange

91711 silver badges25 bronze badges

Collectives™ on Stack Overflow

Pass array of arrays from JavaScript to Spring MVC controller using AJAX

2 Answers 2

2 Comments

JavaScript:

Controller:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

JavaScript:

Controller:

Comments

Your Answer

Sign up or log in

Post as a guest

Related