Play Framework and jQuery Ajax request with data as Array

Question

I am sending an Array of values through Ajax via jQuery with a Play Framework backend, and I'm in front of a problem.

Here's an example :

$.ajax ({
    'type':     'POST',
    'url':          '/url',
    'timeout':  5000,
    'data':     {'ids': [0, 1, 2, 3]},
    'dataType': 'json',
    'success':  function (oData) {
        // Process ...
    }
});

But in Play!, if I do a params.get("ids");, I got an empty value, and if I do a params.getAll("ids"); also.

I know where the problem is, jQuery send the data as : ids[]=0&ids[]=1&ids[]=2&ids[]=3 but Play! Framework expect array data to be sent as ids=0&ids=1&ids=2&ids=3

Is there a proper way to send the data properly (or get the data as an array in my controller) ?

So far, I managed to make it works simply but creating the request as a String manually in JavaScript.

Can you set the data as 'data': {'ids': 0,'ids': 1,'ids': 2, 'ids': 3}? — Selvakumar Arumugam
– Selvakumar Arumugam, Commented Jan 13, 2012 at 18:47
@SKS, have you tried that? You would end up with a map of just { 'ids': 3 } since you are wiping out ids with each map entry. — marchaos
– marchaos, Commented Jan 15, 2012 at 17:26
@marchaos: True, see my post below.. I was suggesting to write a js function to manually set the query string :( — Selvakumar Arumugam
– Selvakumar Arumugam, Commented Jan 16, 2012 at 1:34

PrimosK · Accepted Answer · 2012-01-15 17:53:08Z

4

One method (leaving your JavaScript code intact) is just declaring your controller method like this:

public static void myMethod(@As("ids[]:")List<Long> ids) {
    System.out.println(ids.get(0));
}

.. the output is what you expect:

[0, 1, 2, 3]

answered Jan 15, 2012 at 17:53

PrimosK

13.9k10 gold badges62 silver badges81 bronze badges

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

1 Comment

Cyril N. Over a year ago

That's nice! It's just sad there isn't a "natural" way to do it with Play! Maybe I should open a ticket to ask them that. Thanks for that idea.

marchaos · Accepted Answer · 2012-01-15 17:31:37Z

1

I'm not sure if there's an easier way, but you could just send a string and decode that using GSON, i.e:

$.ajax ({
    'type':     'POST',
    'url':          '/url',
    'timeout':  5000,
    'data':     {'ids': '[0, 1, 2, 3]'},
    'dataType': 'json',
    'success':  function (oData) {
        // Process ...
    }
});

Within your controller, you can convert the string into an array:

// data would be "[0, 1, 2, 3]"
int[] intArray = gson.fromJson(data, int[].class);

answered Jan 15, 2012 at 17:31

marchaos

3,4544 gold badges28 silver badges35 bronze badges

Comments

Md Samiul Alim Sakib · Accepted Answer · 2017-04-02 09:38:33Z

1

This solution worked for me. Give it a try,

// Sending request
var params = {
    myArray: [1, 2, 3, 4]
};
var url = '@controllers.routes.AppController.jquery()';
$.post(url, params, function (data) {
    // Process response here
});

// Receiving request
Map<String, String[]> params = request().body().asFormUrlEncoded();
Logger.debug("Params : " + params.size());
for (Map.Entry<String, String[]> param : params.entrySet()) {
    Logger.debug(param.getKey() + " = " + param.getValue()[0]);
}

answered Apr 2, 2017 at 9:38

Md Samiul Alim Sakib

1,11412 silver badges15 bronze badges

Comments

det0 · Accepted Answer · 2019-04-17 10:27:26Z

0

Just add traditional: true to your jQuery.ajax request and the Array will be sent as ids=0&ids=1&ids=2&ids=3

$.ajax ({
    traditional: true,
    type:        'POST',
    url:         '/url',
    timeout:     5000,
    data:        {'ids': [0, 1, 2, 3]},
    dataType:    'json',
    success:     function (oData) {
        // Process ...
    }
});

answered Apr 17, 2019 at 10:27

det0

2812 silver badges5 bronze badges

Collectives™ on Stack Overflow

Play Framework and jQuery Ajax request with data as Array

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related