made in Barcelona

En desarrollo web hay momentos en que nos encontramos con una barrera muy común, La comunicación entre Java Script y Php, que normalmente se soluciona utilizando Ajax para enviar información de Java Script a Php, pero ¿ Qué pasa si nuestro caso es el inverso, y queremos enviar información de Php a Java Script ?, pues bien una de las soluciones es usar JSON( acrónimo de Java Script Object Notation, es un formato ligero para el intercambio de datos. JSON es un subconjunto de la notación literal de objetos de JavaScript que no requiere el uso de XML. )


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url: 'jsondata.php',
dataType: 'html',
success: function(data){
var json = eval("(" + data + ")");
alert("JSON Data: " + json.usuarios[0].username + ":" + json.usuarios[0].password);
}
});
});
</script>


El codigo anterior, hacemos un llamado a un archivo php “jsondata.php” donde esta contenido la información que necesitamos para utilizar en Java Script ,

En el dataType, indicamos que el contenido que va conseguir dentro del archivo anterior, será HTML

success: es un callback que llamara después de haber cargado el archivo, y que enviara el resultado a una función

var json = eval(“(” + data + “)”); , es el que se encarga de convertir ese resultado JSON a una variable en Java Script y de esta manera poder acceder a los datos , en forma de un arreglo

json.usuarios[0].username + “:” + json.usuarios[0].password … , es el resultado obtenido, hay que tomar en cuenta, que hay un Indice “0″, esto se debe a que, puede haber mas de un datos en el arreglo, en nuestro caso , mas de un “usuario”

jsondata.php :

<?php
echo '
{
usuarios:[ {"username":"Juan", "password":"1234"},
{"username":"Pedro","password":"4321"}
],
contactos:[ {"nombre":"Juan", "apellido":"Perez"},
{"nombre":"Juan", "apellido":"Perez"}
]
}
';
?>

Dentro de este archivo de php, generamos el resultado en formato JSON , donde “usuarios” es un arreglo bidimensional de la forma usuarios[][] , usuarios[0]["username"] , seria “Juan” , otra manera mas simple de generar un resultado JSON es utilizando la función de PHP , json_encode(array) , donde se le envía el arreglo y se encarga de hacer la salida del modo JSON