how to pass a Javascript array from Javascript to PHP through Jquery/Ajax?

Question

I would like to know how I can pass a Javascript array from Javascript to PHP through Jquery/Ajax. In fact I created two files: t1.html and moslem3.php . The code of each file is below:

The code of t1.html:

 <html>
<head>

</head>
<body>
<script type="text/javascript">
    $(document).ready(function() {
        var table = ["actor", "subject", "object"];
        $.ajax({        
        type: "POST",
        url: 'moslem3.php',
        data: table 
        });
    });
</script>
</body>
</html>

The code of moslem3.php:

<?php
$myArray = $_REQUEST['table'];
echo $myArray;
?>

The file moslem3.php displays this message:

Notice: Undefined index: table in C:\wamp\www\test1\moslem3.php on line 2

So my question is: where is the wrong here exactly?..Is there any one who has any idea?

Thanks in advance.

Then in your ajax call add success: function(result){ .... }. BTW your ajax call need tweaking. — Think Different
– Think Different, Commented May 27, 2014 at 15:58
api.jquery.com/jquery.ajax/#example-0, data: { table: table } — ka_lin
– ka_lin, Commented May 27, 2014 at 15:58

Jonathan Lonowski · Accepted Answer · 2014-05-27 16:20:45Z

3

PHP doesn't inherently know anything about the JavaScript variables being used, such as var table. Its insights for the $.ajax() request are completed limited to the data structure.

So, for PHP to know about a 'table' parameter in $_REQUEST, the data needs to include it that as a named value:

data: { table: table }

This defines the data as an Object with a property table assigned to the value of the variable by the same name.

You can witness the difference using $.param(), which $.ajax() uses:

var table = ["actor", "subject", "object"];

console.log($.param(table));
// "undefined=&undefined=&undefined="

console.log($.param({ table: table }));
// "table%5B%5D=actor&table%5B%5D=subject&table%5B%5D=object"

edited May 27, 2014 at 16:20

answered May 27, 2014 at 16:13

Jonathan Lonowski

124k35 gold badges202 silver badges202 bronze badges

I did that but the file moslem3.php still display this message: Notice: Undefined index: table in C:\wamp\www\test1\moslem3.php on line 2

Nadim
– Nadim

05/27/2014 16:37:42
Commented May 27, 2014 at 16:37

Add a comment |

MH2K9 · Accepted Answer · 2014-05-27 16:14:50Z

2

Change Jquery

<script type="text/javascript">
$(document).ready(function() {
    var table = ["actor", "subject", "object"];
    $.ajax({        
    type: "POST",
    url: 'moslem3.php',
    data: {t_name:table },
    success:function(data){
        console.log(data);
    }
    });
});
</script>

Change in moslem3.php

<?php
    $myArray = $_REQUEST['t_name'];
    print_r($myArray);
?>

Output:

enter image description here

edited May 27, 2014 at 16:14

answered May 27, 2014 at 16:06

MH2K9

12k7 gold badges34 silver badges49 bronze badges

I did that but the file moslem3.php still display this message: Notice: Undefined index: table in C:\wamp\www\test1\moslem3.php on line 2

Nadim
– Nadim

05/27/2014 16:36:25
Commented May 27, 2014 at 16:36
1

Carefully follow my given answer. In that answer i changed the index table to t_name.

MH2K9
– MH2K9

05/27/2014 16:39:13
Commented May 27, 2014 at 16:39
yes, I follow your answer exactly, the file t1.html displays exactly what it is in you screenshot above, but the file moslem3.php still displays that message.

Nadim
– Nadim

05/27/2014 16:44:31
Commented May 27, 2014 at 16:44
2

just check data: {t_name:table } and $myArray = $_REQUEST['t_name'].

MH2K9
– MH2K9

05/27/2014 16:46:44
Commented May 27, 2014 at 16:46

Add a comment |

HoangHieu · Accepted Answer · 2014-05-27 16:11:56Z

0

Try this :

 $.ajax({
        type : "POST",
        url: 'moslem3.php',
        cache:false, 
        async:true,
        global:false,
        data : {
        "table": table }
        }).done(function(msg) {
alert(msg);
})

answered May 27, 2014 at 16:11

HoangHieu

2,8403 gold badges32 silver badges46 bronze badges

Add a comment |

Collectives™ on Stack Overflow

how to pass a Javascript array from Javascript to PHP through Jquery/Ajax?

3 Answers 3

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Related