Send array via Ajax with string index

Question

When I try to post an array with string index via Ajax, no data will be transferred. Please let me know the reason.

                         var coord=new Array;
                   coord["x"]=12;
                   coord["y"]=12;
                   coord["w"]=44;
                   coord["h"]=66;
                 console.log(coord);              
var parameter={coord:coord};
            $.ajax({
                type: 'POST',
                data: parameter,
                dataType: 'json',
                context: this,
                url:'http://localhost/server/main/crop_image',
                success: function(response) {

                },
                error: function() {

                },
                complete: function() {

                }
            });

array with string index its not array :-) its simply object, anyway try use data: JSON.stringify(parameter) — Grundy
– Grundy, Commented Dec 25, 2013 at 8:27

Lex Podgorny · Accepted Answer · 2013-12-25 08:30:00Z

2

You are adding values to your array using string, this adds properties to your array object, not actual array values.

You have two choices:

Either use object {} instead of new Array, or
Use coord.push(12); coord.push(42); etc.

Hope that helps.

answered Dec 25, 2013 at 8:30

Lex Podgorny

3,0201 gold badge32 silver badges46 bronze badges

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

Comments

Iftah · Accepted Answer · 2013-12-25 08:33:27Z

1

Change the line var coord = new Array; to var coord = {} (object not Array)

Arrays in javascript are objects so you can do coord["x"] = "bla bla" (same as coord.x = "bla bla") but in JSON arrays are lists of objects, so jQuery ignores those non-list properties of the array objects when translating the data to JSON.

By changing coord to be an object and not Array jQuery will translate it to JSON object which works as you expect.

edited Dec 25, 2013 at 8:33

answered Dec 25, 2013 at 8:28

Iftah

9,5722 gold badges35 silver badges45 bronze badges

Comments

rajesh kakawat · Accepted Answer · 2013-12-25 08:28:25Z

0

try something like this

var parameter={coord:coord.join()};

on client you will get csv value which you can again convert it into array depending on server side language

PHP

 $pizza  = "piece1,piece2,piece3";
 $pieces = explode(",", $pizza);
 echo $pieces[0]; // piece1
 echo $pieces[1]; // piece2

JAVA

 String[] ary = "piece1,piece2,piece3".split(",");

answered Dec 25, 2013 at 8:28

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

Collectives™ on Stack Overflow

Send array via Ajax with string index

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related