Passing array from form inputs using get method

Question

I'm passing an array from form inputs (checkboxes) using the get method. When doing in ajax, with:

var subcat_checked = new Array();
$.each($("input[name='subcategories']:checked"), function() {
    subcat_checked.push($(this).val());
});
$.ajax({
    type: 'GET',
    url: '{% url view-category root_category.slug %}',
    data: {subcat: subcat_checked},
    success: function(result) {
        /* stuff */
    },
    dataType: 'json'
});

the variable key is 'subcategories' when no checkbox is checked, and 'subcategories[]' when some are checked.

Now, when sending it using a non-ajax form and some checkboxes are checked, the variable key is 'categories' (with no [] at the end).

Since I'd like to use the non-ajax form as a fallback if javascript is disabled, I'd like to have the same key when some checkboxes are checked.

Anybody knows how I can do that?

Thanks

look at this question "stackoverflow.com/questions/789755"

andres descalzo
– andres descalzo

2010-11-26 19:08:24 +00:00
Commented Nov 26, 2010 at 19:08 — andres descalzo
– andres descalzo, Commented Nov 26, 2010 at 19:08

Nick Craver · Accepted Answer · 2010-11-27 11:34:25Z

0

This was a change made in jQuery 1.4+, but you can reverse it with the traditional option to get the old non-[] serialization, like this:

$.ajax({
    traditional: true,
    type: 'GET',
    url: '{% url view-category root_category.slug %}',
    data: {subcat: subcat_checked},
    success: function(result) {
        /* stuff */
    },
    dataType: 'json'
});

You can read more about the option in the $.param() docs (what's ultimately called when passing an object as your data property)....but basically it does exactly what you want, leaving the [] off.

answered Nov 27, 2010 at 11:34

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Comments

andres descalzo · Accepted Answer · 2010-11-26 19:03:32Z

0

try this:

var subcat_checked = $("input[name='subcategories']:checked").serializeArray();

$.ajax({
    type: 'GET',
    url: '{% url view-category root_category.slug %}',
    data: {subcat: subcat_checked},
    success: function(result) {
        /* stuff */
    },
    dataType: 'json'
});

answered Nov 26, 2010 at 19:03

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Collectives™ on Stack Overflow

Passing array from form inputs using get method

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related