miércoles, 10 de septiembre de 2014

JSON (04) Funciones

En el pasado articulo estuvimos viendo como leer una JSON desde Http, para mi gusto aunque algo más complejo es muy mecánico y lee un JSON directamente.
Ahora veremos, en este último articulo sobre el uso básico de JSON, como se puede hacer lo mismo desde funciones javascript, con un código muy simple...
Para ello vamos a introducir nuestro JSON como argumento de una función de javascript, y lo grabamos con el nombre array.js 
miFuncion([
{
 "display": "Tutorial PHP",
 "url": "http://netrunning.blogspot.com.es/2014/08/php-00-fundamentos-basicos-01-que-es-php.html"
},
{
 "display": "Tutorial JSON",
 "url": "http://netrunning.blogspot.com.es/2014/09/json-00-introduccion.html"
},
{
 "display": "Tutorial AngularJS",
 "url": "http://netrunning.blogspot.com.es/2014/08/angularjs-00-introduccion.html"
}
]);

Una vez que tenemos nuestro archivo .js solo queda hacer la llamada en nuestro script y mostrarlo:
<!DOCTYPE html>
<html>
<body>

<div id="id01"></div>
<script>
function miFuncion(arr) {
    var out = "";
    var i;
    for(i = 0; i<arr.length; i++) {
        out += '<a href="' + arr[i].url + '">' + 
        arr[i].display + '</a><br>';
    }
    document.getElementById("id01").innerHTML = out;
}
</script>

<script src="array.js"></script>

</body>
</html>

En este caso es el propio archivo .js que contiene el JSON el que llama a la función mandando como argumento el JSON y ya el script es el que lo recorre y lo va mostrando.

Aunque más sencillo de esta forma requiere que el objeto este como argumento en una llamada a una función de javascript, lo cual no siempre será posible.

No hay comentarios:

Publicar un comentario