Sending a JavaScript array to PHP via POST

Question

I am trying to send a JavaScript array to a PHP file via POST.

JS:

var songlist = ['song1', 'song2', 'song3'];

var sendData = function(){
    var data = songList.join(',')
    $.post('test.php', {data: data}).always(function() {
        window.location = 'test.php';
    });
}
sendData();

test.php:

<?php
$songData = $_POST['data'];
$songData = explode(',', $songData); 
print_r(array_values($songData));
?>

when sendData(); directs me to test.php I get:

Notice: Undefined index: data

Why doesn't the data variable have any value when I try to print or use it?

I am not sure, but try use $_POST->data. Maybe this is object, becouse you send it to your script like object, no array — kalit
– kalit, Commented Apr 23, 2017 at 10:48

Oen44 · Accepted Answer · 2017-04-23 10:48:43Z

8

That's not how POST request works. Read more about Ajax, but for now, that's how you should do it.

var songlist = ['song1', 'song2', 'song3'];

var sendData = function() {
  $.post('test.php', {
    data: songlist
  }, function(response) {
    console.log(response);
  });
}
sendData();

// test.php
<?php
$songData = $_POST['data'];
print_r($songData);
?>

answered Apr 23, 2017 at 10:48

Oen44

3,2461 gold badge24 silver badges32 bronze badges

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

1 Comment

Abanoub Makram Over a year ago

this solution is what i was think about there is no need to convert array to string

AGM Tazim · Accepted Answer · 2017-04-23 10:59:20Z

5

1) $.post('url') - Ajax request is done by $.post() method and you have given "testing.php" as url which is invalid.

2) window.location = 'test.php' - This is used for redirecting to specific page and you have redirected to 'test.php' without any parameter/data. Thats why its showing "Notice: Undefined index: data"

3) Try to understand how ajax works. Follow it -

var songlist = ['song1', 'song2', 'song3'];

var sendData = function() {
  $.post('test.php', {
    data: songlist
  }, function(response) {
    console.log(response);
  });
}
sendData();
// test.php
<?php
if(isset($_POST)){
    if(isset($_POST['data'])){
    $songData = $_POST['data'];
    print_r($songData);
}}
?>

answered Apr 23, 2017 at 10:59

AGM Tazim

2,2373 gold badges18 silver badges27 bronze badges

2 Comments

Damien Stewart Over a year ago

Thanks, the response in console is working, but how do I see if it printed to test.php without the page redirecting me to it?

AGM Tazim Over a year ago

You are welcome. If you want to print the value to test.php , then you dont need to use ajax. Just redirect with - var data = songList.join(','); window.location = "test.php?data="+data; And use explode() function on your php script to get back array from string.

Collectives™ on Stack Overflow

Sending a JavaScript array to PHP via POST

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related