How to access javascript array in php on submit

Author - Kritika Sood

Suppose you have a Javascript array and want to send it to the server side on page submit then you can use this method.

Suppose we have a Javascript array with 3 elements:

var test = ["test1", "test2", "test3"];

Now create a hidden variable in HTML. This variable will be set to the Javascript array values on submit:

<input id="hidden_js_aid" type="hidden" name="hidden_js_array">

1. Submit button click needs to call Javascript function setArrayToHidden():

<form action="target Server controller" method="post"&gt
<input type="submit" name="button1" value="create my learning plan" onclick="setArrayToHidden();"&gt

2. In setArrayToHidden function we will put the array in the hidden variable:

function setArrayToHidden()

Now hidden_js_aid variable will contain the array element values like this:

<input id=”hidden_js_aid” type=”hidden” name=”hidden_js_array” value=”test1,test2,test3”>

3. On the server side retrieve the value like below and explode it to convert back into array:

$data = $_POST['hidden_js_array'];
$test_array=explode(',', $data);
echo "<pre>";print_r($test_array);echo "<pre>";


  [0] =>test1
  [1] =>test2
  [2] => test3
Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at for your Insurance, eLearning and Salesforce applications.

One response on “How to access javascript array in php on submit

  1. […] Kernel.php file in app/Http folder and add this new middleware in $routeMiddleware variable array as […]

Leave a Reply

Your email address will not be published.