How to send array without "[]" using jQuery $.ajax?

Question

If a html form has multiple inputs with the same name, a Servlet will understand it as Array:

Form:

<form>
    User 1:<input name="user" />
    User 2:<input name="user" />
    User 3:<input name="user" />
    <input type="submit" />
</form>

Servlet:

String[] user = request.getParameterValues("user");

But if I use jQuery to make an ajax call, and send a array as a parameter, it adds "[]" in the property name

Javascript:

$.ajax({
    ...
    data:{
        user: ["value1", "value2", "value3"]
    }
});

Inspecting the header of the request, the data were sent:

Form Data

user[]=value1&user[]=value2&user[]=value3

I know I can add [] at the end of parameter of getParameterValues, but I prefer that jQuery does not send the []

How can I do this?

nemesv · Accepted Answer · 2013-09-17 19:48:32Z

2

You need to set the traditional option to true if you wish to use the traditional style of param serialization:

$.ajax({
    ...
    data:{
        user: ["value1", "value2", "value3"]
    },
    traditional: true
});

Using this your request will look like:

user=value1&user=value2&user=value3

answered Sep 17, 2013 at 19:48

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

1 Answer 1