Sending an array of data to the server with jQuery

Question

I am sending a CSV list to the server within the url. It is a list of songid's:

var $array = [];


        oTable.find('td').each(function(){

            $songdata = $(this).data('data');
            $songid = $songdata.songid;

    //The next line is the variable I need to also send along with each songid
            $duration = $songdata.duration;


            $array.push($songid)



            });

This results in '24,25,32,48,87' being sent to the server.

I then use the following in my php script to convert it into an array:

 $songs = $_GET['songid'];

 $songarray = explode(",", $songs);

This works great, I can access the data properly and all is well.

However I now have the need to add another property to each of the songid's. As seen above, I need to add the $duration variable to the data sent and be able to convert it into an array server side. (or alternatively construct the actual array client side would be fine also)

How would I go about this?

score 2 · Answer 1 · answered Jan 10 '12 at 11:55

2

I would create an object of the data in your jscript and send it over to the PHP and then use json_decode then you have an associative array of your data within the PHP

answered Jan 10 '12 at 11:55

Ashley Banks

528
5
16

score 2 · Accepted Answer · answered Jan 10 '12 at 11:56

2

You could use this to encode your array into JSON:
http://www.openjs.com/scripts/data/json_encode.php

And then send that String to your backend where you can unpack it with this:

$yourarray = json_decode($string)

answered Jan 10 '12 at 11:56

bardiir

14,556
9
41
66

Thanks to all for the answers, There are many correct ones and methods I could use that have been suggested however, this was the one I ended up going with and I can see this function being very useful elsewhere in my application. Thanks to all. – gordyr Jan 10 '12 at 12:19

score 1 · Answer 3 · edited May 23 '17 at 10:24

1

You always can use JSON for data serialization/deserealization as of Serializing to JSON in jQuery

edited May 23 '17 at 10:24

Community

1
1

answered Jan 10 '12 at 11:55

alrusdi

1,273
1
7
9

score 0 · Answer 4 · answered Jan 10 '12 at 11:56

0

try sending arrays to PHP in JSON format and then do json_decode($var) in your PHP script.

answered Jan 10 '12 at 11:56

Roman

3,799
4
30
41

score 0 · Answer 5 · answered Jan 10 '12 at 12:00

make an associative array server side

$array = new Array();

//add songid as key and duration as value
$array = array_push_assoc($array, $songid, $songduration);


echo json_encode($array);

on the client side after parsing the json

$.each(json,function(key,value){
//key will be the songid
//value will be the duration
});

Sending an array of data to the server with jQuery

5 Answers5