TecnoRetales » AJAX http://www.tecnoretales.com La experiencia no se olvida Wed, 07 Jul 2010 21:23:33 +0000 http://wordpress.org/?v=2.8.5 en hourly 1
Serializar array con JavaScript http://www.tecnoretales.com/programacion/serializar-array-con-javascript/ http://www.tecnoretales.com/programacion/serializar-array-con-javascript/#comments Sun, 12 Jul 2009 08:21:12 +0000 Manel Pérez Mata http://www.tecnoretales.com/?p=522

Ayer os comentaba como pasar arrays por POST con PHP mediante los métodos serialize y unserialize y dejaba un poco al aire como hacerlo desde JavaScript.

Una manera bastante usual de hacerlo en JavaScript es concatenar los valores del array en un string separados por un token que luego nos permitirá volver a generar el array con la función split de PHP, sin embargo, nos puede ser interesante utilizar la serialización por defecto de PHP, de este modo al recoger el valor, únicamente tendremos que llamar a unserialize y volveremos a tener el array intacto.

Aquí os dejo una función que me he currado que serializa un array para poder enviar en un formulario o vía AJAX a nuestro servidor:

function serialize(arr)
{
 var res = 'a:'+arr.length+':{';
 for(i=0; i<arr.length; i++)
 {
 res += 'i:'+i+';s:'+arr[i].length+':"'+arr[i]+'";';
 }
 res += '}';

 return res;
}

El ejemplo de ayer modificado para usar serialize desde el lado de cliente sería:

<?php

if(isset($_POST['frutas']) && $_POST['frutas']!="" )
{
 // si existe lo deserializamos para poder tratarlo
 $frutas = unserialize(stripslashes($_POST['frutas']));
 var_dump($frutas);
}
?>
<html>
 <head>
 <script language="javascript" type="text/javascript">
 function serialize(arr)
 {
 var res = 'a:'+arr.length+':{';
 for(i=0; i<arr.length; i++)
 {
 res += 'i:'+i+';s:'+arr[i].length+':"'+arr[i]+'";';
 }
 res += '}';

 this.document.forms[0].frutas.value = res;
 }
 </script>
 </head>
 <form method="POST" onSubmit="serialize(new Array('Cereza', 'Pera', 'Fresa', 'Manzana'))">
 <input type="hidden" name="frutas" value="" />
 <input type="submit" value="Pasar" />
 </form>
</html>

Realmente, no hay mucha diferencia entre usar un método u otro, sin embargo, me parece más elegante serializarlo de este modo antes de enviar.

]]> http://www.tecnoretales.com/programacion/serializar-array-con-javascript/feed/ 1 Pasar Array por POST con PHP http://www.tecnoretales.com/programacion/pasar-array-por-post-con-php/ http://www.tecnoretales.com/programacion/pasar-array-por-post-con-php/#comments Sat, 11 Jul 2009 06:29:56 +0000 Manel Pérez Mata http://www.tecnoretales.com/?p=518

Si queremos pasar un array por POST y lo hacemos tal cual, veremos que la cosa no acaba de funcionar. La manera correcta de hacerlo es serializando previamente nuestro vector y una vez enviado, deserializarlo. Para ello PHP dispone de las funciones serialize y unserialize que harán el trabajo por nosotros.

En el siguiente ejemplo, vemos un uso sencillo de este método para enviar nuestros datos por la web:

<?php

if(!isset($_POST['frutas']) && $_POST['frutas']=="" ) {
  // Creamos el array frutas
  $frutas[] = "Cereza";
  $frutas[] = "Pera";
  $frutas[] = "Fresa";
  $frutas[] = "Manzana";
} else {
  // si existe lo deserializamos para poder tratarlo
  $frutas = unserialize(stripslashes($_POST['frutas']));
  var_dump($frutas);
}
?>
<html>
<form method="POST">
  <input type="hidden" name="frutas" value='<?php echo serialize($frutas) ?>'></input>
  <input type="submit" value="Pasar">
</form>
</html></pre>
El resultado de hacer un var_dump de la variable $frutas serializado sería:
<pre dir="ltr"><span style="color: #cc0000;">a:4:{i:0;s:6:"Cereza";i:1;s:4:"Pera";i:2;s:5:"Fresa";i:3;s:7:"Manzana";}</span>

Si queremos, por ejemplo, enviar un array desde el lado del cliente mediante AJAX, podríamos por ejemplo, crearnos un método javascript sencillo que nos serializase un array y así luego poder desserializarlo desde PHP.

Mañana publicaré en un nuevo post una función serialize para JavaScript, de este modo, podemos enviar desde el lado cliente un array serializado con el submit de un formulario o mediante AJAX.

]]> http://www.tecnoretales.com/programacion/pasar-array-por-post-con-php/feed/ 1