Documente Academic
Documente Profesional
Documente Cultură
JSON
Implantación de Aplicaciones Web
Curso 2019/2020
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
ÍNDICE
1.- Notación de Objetos JavaScript
2.- Estructura del JSON
3.- Arreglos como JSON
4.- JSON anidados
5.- Arrays en JSON
Los JSON son cadenas. Cuando se quiere transmitir datos a través de una red
se deben convertir a un objeto nativo de JavaScript para poder acceder a esos
datos. Ésto no es un problema, dado que JavaScript posee un objeto global
JSON que tiene los métodos disponibles para convertir entre ellos.
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
Empezamos creando un fichero JSON con cualquier editor de texto plano (Te
aconsejo utilizar ALTOVA). El fichero está guardado como alumnos.JSON y su
contenido es el siguiente
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
En el cual, al igual que en el caso anterior, el root se asigna por defecto como
<json>
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
{
"squadName": "Super hero squad",
"homeTown": "Metro City",
"formed": 2016,
"secretBase": "Super tower",
"active": true,
"members": [
{
"name": "Molecule Man",
"age": 29,
"secretIdentity": "Dan Jukes",
"powers": [
"Radiation resistance",
"Turning tiny",
"Radiation blast"
]
},
{
"name": "Madame Uppercut",
"age": 39,
"secretIdentity": "Jane Wilson",
"powers": [
"Million tonne punch",
"Damage resistance",
"Superhuman reflexes"
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
]
},
{
"name": "Eternal Flame",
"age": 1000000,
"secretIdentity": "Unknown",
"powers": [
"Immortality",
"Heat Immunity",
"Inferno",
"Teleportation",
"Interdimensional travel"
]
}
]
}
superHeroes['members'][1]['powers'][2]
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
[
{
"name": "Molecule Man",
"age": 29,
"secretIdentity": "Dan Jukes",
"powers": [
"Radiation resistance",
"Turning tiny",
"Radiation blast"
]
},
{
"name": "Madame Uppercut",
"age": 39,
"secretIdentity": "Jane Wilson",
"powers": [
"Million tonne punch",
"Damage resistance",
"Superhuman reflexes"
]
}
]
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
Un JSON anidado es aquel en el que una de sus claves (o todas) son a su vez
objetos JSON.
var obj = {
"nombre":"Juan",
"edad":30,
"coche": {
"coche1":"Ford",
"coche1":"BMW",
"coche1":"Fiat"
}
En este caso, la clave “coche ” es a su vez un objeto que tiene 3 claves con sus
respectivos valores. La forma de nombrarlos es
obj["coche"]["coche1"];
o bien
obj.coche.coche1
La claves de un objeto son variables y, por tanto, se pueden leer pero también
se puede modificar su valor.
Obj.coche.coche1=”Mercedes”
CURSO 2019/20
ADMINISTRACIÓN DE SISTEMAS INFORMÁTICOS .
obj.coches[1]="OPEL";
Para recorrer todo el array utilizamos un bucle for utilizando la propiedad length
del array como elemento final
x="";
for (i = 0; i < obj.coches.length; i++) {
x += obj.coches[i];
}
document.getElementById("demo").innerHTML = x;
CURSO 2019/20