Jquery.param() not serializing object correctly

Question

i'm having trouble with jQuery.param() adding an empty array key when serializing an object

payload: {
    "page":0,
    "size":30,
    "query":"",
    "facets": {
        "category": [
            "tagName1",
            "tagName2"
        ]
    }
}

What i get when i serialize payload is:

page=0&size=30&query=&facets%5Bcategory%5D%5B%5D=tagName1&facets%5Bcategory%5D%5B%5D=tagName2

url decoded:

page=0&size=30&query=&facets[category][]=tagName1&facets[category][]=tagName2

what i'm expecting is (url decoded):

page=0&size=30&query=&facets[category]=tagName1&facets[category]=tagName2

Are my expectations wrong, is this a bug in jquery serialization or is it intended behaviour?

Thanks in advance

serialise how? Show code - for example in a snippet. serialize is for forms — mplungjan
– mplungjan, Commented Aug 16, 2016 at 14:59
The brackets [] after arrays are added to make languages like PHP happy IIRC. Passing true in the second argument to $.param() should fix that problem. — Frédéric Hamidi
– Frédéric Hamidi, Commented Aug 16, 2016 at 15:01
@FrédéricHamidi unfortunately if i pass true in the second argument it won't enter the object at all and just print ...&facets=[object object]... — Karim Cossutti
– Karim Cossutti, Commented Aug 16, 2016 at 15:05
This is actually the result specified in api.jquery.com/jquery.param - as @FrédéricHamidi wrote, you can pass true as the second argument to the function for a "shallow" serialization - but then it will not work correctly with nested objects (also described on the API page). — Mike Scotty
– Mike Scotty, Commented Aug 16, 2016 at 15:05
@Karim, well, the documentation does say Because some frameworks have limited ability to parse serialized arrays, developers should exercise caution when passing an obj argument that contains objects or arrays nested within another array. It appears you have hit that case. You will probably have better luck by using plain JSON instead of $.param(). — Frédéric Hamidi
– Frédéric Hamidi, Commented Aug 16, 2016 at 15:06

Karim Cossutti · Accepted Answer · 2016-08-18 09:15:43Z

1

It appears that this is intended behaviour indeed.

I ended up doing a string replace inside the beforeSend hook

answered Aug 18, 2016 at 9:15

Karim Cossutti

6710 bronze badges

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

Collectives™ on Stack Overflow

Jquery.param() not serializing object correctly

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related