How to pass multiple parameters to @RequestBody using JavaScript XMLHttpRequest

Question

I have that POST method:

function saveSchemaInDatabase(schemaName) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    };

    xhttp.open("POST", "/user/saveSchemaInDatabase", true);
    xhttp.send(schemaName);
}

and i am catching that shoot in my controller in that way:

@PostMapping(path = { "/user/saveSchemaInDatabase" })
public String saveSchemaInDatabase(@RequestBody String schemaName) {

    return "redirect:/user";
}

Can someone tell me how i can send multiple params to that controller? For example i want something like that:

//shoot
function saveSchemaInDatabase(schemaName, diagramJson) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    };

    xhttp.open("POST", "/user/saveSchemaInDatabase", true);
    xhttp.send(schemaName, diagramJson);
}

//catch
@PostMapping(path = { "/user/saveSchemaInDatabase" })
public String saveSchemaInDatabase(@RequestBody String schemaName, @RequestBody String diagramJson) {

    return "redirect:/user";
}

I hope you know what i mean. Of course my way doesn't work. Error 400 appears.

Can someone help me? Im done :(

Sarfraaz talat · Accepted Answer · 2020-01-26 03:34:49Z

1

You can crete FormData object and add as many values as you want inside it

var data = new FormData();
data.append("email", "[email protected]");
data.append("password", "pistol");

Then send this formData object to the post request

Like this

xhttp.send(data);

answered Jan 26, 2020 at 3:34

Sarfraaz talat

6354 silver badges10 bronze badges

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

2 Comments

Brarord Over a year ago

Thanks but can you tell me what kind of variable type i should put now into my controller to handle that "data" ?

Sarfraaz talat Over a year ago

You should parse the data as json object on your controller and then get values from keys that we appended inside data

Collectives™ on Stack Overflow

How to pass multiple parameters to @RequestBody using JavaScript XMLHttpRequest

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related