JQuery ajax - how to pass an array parameter with null value

Question

I need to pass an array parameter to my ASP.NET backend. It looks like this:

$.ajax({ url: 'test', type: 'POST', data: { test: [1, 2] }})

And the generated form data is: test[]=1&test[]=2.

So far so good. But the problem occurs when I try to pass a null value inside an array:

$.ajax({ url: 'test', type: 'POST', data: { test: [1, null] }})

In this case for some reason generated form data looks like: test[]=1&test[1]=.

Please notice that second test segment has a numeric index. This cannot be parsed correctly on the backend: segment with an index is ignored, so I don't have my null value on the backend.

Any idea how to make it working?

Try to use { test: [1, 0] } or { test: [1, -1] } and convert back inside of API — Serge
– Serge, Commented Sep 1, 2021 at 18:38
@Serge Thanks, I'm already doing that but it's just a workaround, I would like to solve it in a cleaner way. — Roman Koliada
– Roman Koliada, Commented Sep 2, 2021 at 7:17

Roman Koliada · Accepted Answer · 2021-09-02 07:25:37Z

0

I solved it by using empty string instead of null:

$.ajax({ url: 'test', type: 'POST', data: { test: [1, ''] }})

In this case form data looks like this: test[]=1&test[]= and is correctly parsed on the backend to 1 and null.

answered Sep 2, 2021 at 7:25

Roman Koliada

5,1923 gold badges36 silver badges65 bronze badges

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

Collectives™ on Stack Overflow

JQuery ajax - how to pass an array parameter with null value

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