How to pass Javascript array to PHP file using AJAX?

Question

I have to pass a Javascript arry to a PHP file while AJAX call.

Below is my js array:

var myArray = new Array("Saab","Volvo","BMW");

This JS code has to pass JS array to PHP file using AJAX request and will show count of array.

function ProcessAJAXRequest()
{
    $.ajax
    ({
        type: "POST",
        url: "myphpfile.php",
        data: {"id" : 1, "myJSArray" : myArray},
        success: function (data) 
        {
            alert(data);
        }
    });
}

This myphpfile.php file has to return the count of the array

<?php 
    $myPHPArray = $_POST["myJSArray"];
    echo count($myPHPArray);
 ?>

There is error in PHP file. I am getting undefined index: myPHPArray. How should acheive my required functionality?

your code is perfectly fine. I am getting count 3 without any change. I am not getting any error. using PHP 5.3 — Nono, Apr 01 '14 at 11:45

score 2 · Answer 1 · answered Apr 01 '14 at 11:29

2

Use JSON.stringify to converts a value to JSON and send it to server.

data: JSON.stringify({"id" : 1, "myJSArray" : myArray})

answered Apr 01 '14 at 11:29

Murali Murugesan

22,423
17
73
120

Girish · Accepted Answer · 2014-04-02T05:55:46.823

2

Convert js array in json format by JSON.stringify

function ProcessAJAXRequest()
{
    $.ajax
    ({
        type: "POST",
        url: "myphpfile.php",
        data: {"id" : 1, "myJSArray" : JSON.stringify(myArray)},
        success: function (data) 
        {
            alert(data);
        }
    });
}

And In the PHP use json_decode function to get value in array

json_decode($_POST["myJSArray"]);

edited Apr 02 '14 at 05:55

answered Apr 01 '14 at 11:33

Girish

11,907
3
34
51

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

1

You could use JSON.stringify(array) to encode your array in JavaScript, and then use

$array=json_decode($_POST['jsondata']);

in your PHP script to retrieve it.please check this link

Pass Javascript Array -> PHP

edited May 23 '17 at 10:31

Community

1
1

answered Apr 01 '14 at 11:35

Omar Sedki

608
6
14

score 0 · Answer 4 · answered Apr 01 '14 at 11:37

What seems to me is that your array is not available in the function scope:

function ProcessAJAXRequest(){
   var myArray = new Array("Saab","Volvo","BMW"); // this has to be in fn scope
   $.ajax({
      type: "POST",
      url: "myphpfile.php",
      data: {"id" : 1, "myJSArray" : JSON.stringify(myArray)},  // do the stringify before posting
      success: function (data){
         alert(data);
      }
   });
}

How to pass Javascript array to PHP file using AJAX?

4 Answers4

Linked