arreglos por funcion javascript

[silviano]

hola buenas tardes aqui molestando quisiera saber como enviar 2 arreglos por url en una funcion javascript, antes que nada primero obtengo los 2 arreglos por php, estos los serializo en varios input y luego con onclik me manda a una funcion javascript y de hay me los manda a otra pagina y claro en la otra pagina los quiero mostrar

(los e mandado por form y si los recibo, ahora solamente los quiero mandar por javascript)


pagina 1

Código HTML:

<input type="hidden" name="hortalizas" value='<?php echo serialize($array2)?>'></input>
  <input type="hidden" name="hortalizas1" value='<?php echo serialize($array1)?>'></input>
  <input type="submit" value="Crear grafica" >
 

Código Javascript:

<script>
        function cargar(){
        
  
            var nombre = "'.$array2.'" ;
            var horas = "'.$array1.'";
            var url="http://pallevar.com.mx/prueba.php?hortalizas="+ nombre+"&hortalizas1="+horas;
            fi = document.getElementById('grafica');
            var imagen = document.createElement('img');
            imagen.src=url
            fi.appendChild(imagen);
        }
     </script>
 

Código HTML:

<div id="grafica">
 
</div>
 

asi muestro una grafica en la misma pagina, lo malo es que no me da ningun resultado en la grafica ya que no manda nada,

la duda en si es como serializo mi arreglo en javascript y que sea igual a mi arreglo php(eso si se),

si algien me puede proporcionar la sintaxis o explicarme como seria