Sending array via Ajax fails

Question

var labels = new Array();

<?php foreach($crud_data as $cd ) { ?>
  labels['<?php echo $cd['name'] ; ?>'] = '<?php echo $cd['label'] ; ?>';
<?php } ?>

$.post('url.php' , { labels:labels} );

Why can I not send labels array like this? It doesn't show anything in Firebug.

My console.log(labels) result:

[]

avatar
"avatar"

email
"email"

id
"id"

name
"name"

password
"password"

if i populate array like this

<?php foreach($crud_data as $cd ) { ?>
  labels.push('<?php echo $cd['label'] ; ?>');
<?php } ?>

$.post('url.php' , { labels:labels} );

it works fine !

How do you know the request fails? Please provide more information. — Felix Kling
– Felix Kling, Commented Apr 29, 2013 at 11:07
@FelixKling request doens't fail ! it just doesn't send the labels ! check out my edit — max
– max, Commented Apr 29, 2013 at 11:10

Felix Kling · Accepted Answer · 2013-04-29 11:21:24Z

3

Oh I see now. If you have string keys, you have to use an object, not an array:

var labels = {};

Arrays in JavaScript are supposed to only hold elements with numeric keys. While you can assign arbitrary properties to arrays, they are not considered to be elements of the array and thus ignored by most processes which deal with arrays.

Additionally you might want to have a look at jQuery.param to see how jQuery will convert the input to a transport-able string and adjust your data structure accordingly.

edited Apr 29, 2013 at 11:21

answered Apr 29, 2013 at 11:16

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

2 Comments

MMM Over a year ago

I was about to write that.

max Over a year ago

thnak you , javascript is like an important clown !

a better oliver · Accepted Answer · 2013-04-29 11:17:28Z

1

labels['<?php echo $cd['name'] ; ?>'] =

It seems you want to create an associative array, which is in fact an object in JavaScript (JavaScript has no dedicated associative arrays). So the array itself is in fact empty because you are adding properties to the array object.

answered Apr 29, 2013 at 11:17

a better oliver

26.9k2 gold badges64 silver badges67 bronze badges

Collectives™ on Stack Overflow

Sending array via Ajax fails

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related