How to join array items with custom indexes in Javascript? - php

Question

I have an array in javascript that I need to join and send through a URL to PHP such as the following:
var objects = [];
objects.splice("red",0,"apple");
objects.splice("yellow",0,"banana");
objects.splice("purple",0,"grape");
var string = objects.join("+");
$("#print_div").load("fruits.php?fruits=" + string);
In PHP, I want to recieve the string and convert it back to an array... something like this:
$fruits = explode(" ", $_REQUEST['fruits']);
foreach($fruits as $key => $value){
echo "The " . $value . " is " . $key;
}
Maybe it is the join or the splice in javascript that wont make this work, or maybe the explode in php. Im not sure, but I need a solution to be able to create custom indexes to an array in javascript and then send to php and still be able to access the index and value names.
Thanks for your help!

Answer 1

If you use objects.join("+") in javascript you should use explode("+", $_REQUEST['fruits']) in PHP

Answer 2

Try using push() to add elements to an array.

Answer 3

You may want to look into parse_str which takes a GET string and parses it into an array, keyed and everything.

Answer 4

Suppose this is your object:
var fruits = {
red: "apple",
yellow: "banana",
purple: "grape"
};
Pass it to php like so: (ref)
$("#print_div").load("fruits.php", {fruits: fruits});
Use it like so:
$fruits = $_REQUEST['fruits'];
foreach($fruits as $key => $value){
echo "The " . $value . " is " . $key;
}

Answer 5

You are using splice wrong. Check it here.
You could pass the data to the .load method like below, it's much simple.
var data = {
"red": "apple",
"yellow": "banana",
"purple": "grape"
};
$("#print_div").load("fruits.php", data);
And in php:
foreach($_GET as $key => $value){
echo "The " . $value . " is " . $key;
}

Answer 6

Even if you change nothing else in the original code, this line
$("#print_div").load("fruits.php?fruits=string");
should probably be
$("#print_div").load("fruits.php?fruits="+string);