PHP Forum

**numbenator** · 08-09-2010, 03:52 PM

HI all

How do i pass a php array into a JS function? ( if its possible)

Cheers

**chrishirst** · 08-09-2010, 04:06 PM

echo() the values into the source code.

**numbenator** · 08-09-2010, 04:14 PM

Well if i do the below

<?php // set array here ?>
<a href="" conclick="setarray(<?php echo arrayName; ?>; return false

">click me</a>

<script>
function setarray(arrayname) {

}
</script>

I can't there after access the JS array

**JeremyMiller** · 08-09-2010, 08:52 PM

Try <?php echo '['.implode('][',$arrayName).']';?>

**phpdasan** · 08-10-2010, 01:59 AM

I am not sure about passing an PHP array into a JS function, instead you shall construct a string with array values in PHP and pass it to JS function and in JS split it and use it.

Quote:

<?php
$arr = array('apple','orange','guava','jackfruit','lemon' ,'banana');
$str = implode('||',$arr);
?>
<a href="" onclick="setarray('<?php echo str ; ?>');">click me</a>

<script>
function setarray(arrayname) {

var s = arrayname.split('||');
for (i =0;i<s.length;i++)
{
alert(s[i]);
}
return false;

}
</script>

**JeremyMiller** · 08-10-2010, 02:13 AM

OK. There were some typos. This demos it, though:

PHP Code:


			
<?php
$arrayName = array('a','b','c','d');
?><html>
  <head>
    <title>Demo</title>
    <script>
      function showArray(src_array) {
        for(var i=0;i<src_array.length;i++) {
          document.getElementById('MyArray').innerHTML += "<p>The " + i + "th element is equal to &quot;" + src_array[i] + "&quot;</p>";
        }
      }
    </script>
    <style>
      div.clickable {
        cursor:pointer;
        color:#00f;
      }
      div:hover.clickable {
        text-decoration:underline;
      }
    </style>
  </head>
  <body>
    <div onClick="showArray(<?php echo "['".implode("','",$arrayName)."']";?>);" class="clickable">Show My Array</div>
    <div id="MyArray"></div>
  </body>
</html>

**Onkel E** · 08-10-2010, 04:06 AM

I always use json_encode() as it's easily read in JavaScript

**phpdasan** · 06:33 AM

Yes, using json is another option, here is a sample code

PHP Code:


			

<?PHP

$arr = array('one' => 'orange', 'two' => 'apple', 'three' => 'peach', 'four' => 'rose');

$str = (json_encode($arr));    
    
?>

<script>
var s = '<?PHP echo $str; ?>';
var obj = eval("(" + s + ")");
alert(obj.one);
</script>

But json only available since PHP 5.2.0