Building an array for ajax?

Question

I need to send an array via ajax, but for some reason it will not send, I suspect it is due to serialisation.

So how would I create the array so it is ajax compatible?

I need the array in this format, a key value pair where the value is another array.

[order: Array[1], type: Array[1]]

I declare my array like so:

filters = [];

If the inputs are checked I add them to the array.

var order = $('input[name="order[]"]:checked').map(function(){return this.value;}).get();
if(!$.isEmptyObject(order))this.filters['order'] = order;
....

With the idea, if no inputs are selected, the array is blank and therefore is not sent by ajax.

How can I maintain the structure of the array but make it compatible with ajax?

Ajax doesn't technically have any formating requirements. It's not a stand alone technology like javascript it's a methodology. The data reciever will usually determine the format you send it in. For php or other javascript applets you usually use json encoding. But you can also use xml or your own custom setup. try JSON.stringify(values); — danielson317
– danielson317, Commented Jul 14, 2015 at 18:57

whatoncewaslost · Accepted Answer · 2015-07-14 18:53:00Z

1

Arrays don't use key-value pairs. Instead, use an object.

var obj = {order: Array[1], type: Array[1]}

answered Jul 14, 2015 at 18:53

whatoncewaslost

2,2562 gold badges20 silver badges26 bronze badges

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

2 Comments

panthro Over a year ago

How would I declare the object and then subsequently add new items to it after some if statements?

whatoncewaslost Over a year ago

Easy! Just declare var obj = {} and then when you want to add a property, use dot notation, i.e. obj.propertyToAdd = "This is a property".

flyingL123 · Accepted Answer · 2015-07-14 18:53:34Z

1

I think you need to declare filters as an object:

filters = {};
this.filters.order = order;

answered Jul 14, 2015 at 18:53

flyingL123

8,20613 gold badges76 silver badges140 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:58:17Z

0

If you're using jQuery, see my answer here. I had a similar issue. When you're passing an array or objects, you have to use JSON.stringify() and set the content type.

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered Jul 14, 2015 at 18:53

Halcyon

15k17 gold badges73 silver badges101 bronze badges

Collectives™ on Stack Overflow

Building an array for ajax?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related