javascript new Array -> php array - php

Question

I have a page that has a bunch of tick boxes, these are identified with a name="a number".
When a button is clicked, I have an JavaScript function that creates a new array with the numbers of the boxes ticked. This gets sent to a page 'test.php'.
It returns:
Array
(
[data] => [null,"47284","47282","47281","47280","47279","47278","47277","47276","47269"]
)
When I try and explode this array I get an array to string conversion error.
What am I doing wrong?
I need to get these numbers separated so I can do an SQL query for each.
JavaScript code:
<script>
var selected = new Array();
function showMessage() {
var selected = Array();
$('input:checked').each(function() {
selected.push($(this).attr('name'));
});
var answer = confirm('Are you sure you want to send these emails again?');
if(answer) {
var jsonString = JSON.stringify(selected);
$.ajax({
url: "../../test.php",
type: "POST",
data: {data : jsonString},
success: function(data){
alert(data);
}
})
}
}
</script>
<SCRIPT language="javascript">
$(function(){
// add multiple select / deselect functionality
$("#selectallsent").click(function () {
$('.yes').prop('checked', this.checked);
});
$("#selectallprogress").click(function () {
$('.no').prop('checked', this.checked);
});
// if all checkbox are selected, check the selectall checkbox
// and viceversa
$(".yes").click(function(){
if($(".yes").length == $(".yes:checked").length) {
$("#selectallsent").prop("checked", "checked");
} else {
$("#selectallsent").removeAttr("checked");
}
});
$(".no").click(function(){
if($(".no").length == $(".no:checked").length) {
$("#selectallprogress").prop("checked", "checked");
} else {
$("#selectallprogress").removeAttr("checked");
}
});
});
</script>
test.php code:
<?
print_r($_POST);
?>
I know that I need to do something more on the test.php page but I would like to know what that is.

Answer 1

Two things you need to do ....
First one is to not stringify the selected object (jquery will deal with this for you)
function showMessage() {
var selected = Array();
$('input:checked').each(function() {
selected.push($(this).attr('name'));
});
var answer = confirm('Are you sure you want to send these emails again?');
if(answer) {
$.ajax({
url: "../../test.php",
type: "POST",
data: {data : selected},
success: function(data){
alert(data);
}
})
}
}
Then on the PHP side you can just access the values via
print_r($_POST["data"]);
This will be an array of your inputs.