Enviar búsqueda
Cargar
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
•
0 recomendaciones
•
570 vistas
D
David Zapateria Besteiro
Seguir
Javascript - Módulo 8: Booleano, if/else, string, número, DOM, eventos e interacción
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 22
Descargar ahora
Descargar para leer sin conexión
Recomendados
Javascript - Módulo 4: Booleano, if/else, string, número, DOM, eventos e inte...
Javascript - Módulo 4: Booleano, if/else, string, número, DOM, eventos e inte...
David Zapateria Besteiro
File in C language
File in C language
Manash Kumar Mondal
Memory allocation in c
Memory allocation in c
Muhammed Thanveer M
file
file
teach4uin
Structure in c
Structure in c
Prabhu Govind
Array and string
Array and string
prashant chelani
Concept of c data types
Concept of c data types
Manisha Keim
primitive data types
primitive data types
Jadavsejal
Recomendados
Javascript - Módulo 4: Booleano, if/else, string, número, DOM, eventos e inte...
Javascript - Módulo 4: Booleano, if/else, string, número, DOM, eventos e inte...
David Zapateria Besteiro
File in C language
File in C language
Manash Kumar Mondal
Memory allocation in c
Memory allocation in c
Muhammed Thanveer M
file
file
teach4uin
Structure in c
Structure in c
Prabhu Govind
Array and string
Array and string
prashant chelani
Concept of c data types
Concept of c data types
Manisha Keim
primitive data types
primitive data types
Jadavsejal
Pointers in c v5 12102017 1
Pointers in c v5 12102017 1
tanmaymodi4
Strings Functions in C Programming
Strings Functions in C Programming
DevoAjit Gupta
Type casting
Type casting
Ruchika Sinha
C string
C string
University of Potsdam
Strings in c
Strings in c
vampugani
Implementation Of String Functions In C
Implementation Of String Functions In C
Fazila Sadia
C++
C++
Shyam Khant
Loops in c programming
Loops in c programming
CHANDAN KUMAR
Arrays and Strings
Arrays and Strings
Dr.Subha Krishna
Operators php
Operators php
Chandni Pm
Unit 8. Pointers
Unit 8. Pointers
Ashim Lamichhane
Chapter3
Chapter3
Kamran
Types of Statements in Python Programming Language
Types of Statements in Python Programming Language
Explore Skilled
11 constructors in derived classes
11 constructors in derived classes
Docent Education
C operator and expression
C operator and expression
LavanyaManokaran
Normalización
Normalización
caoxman
Interprocess Communication
Interprocess Communication
Deepak H L
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
Maulik Borsaniya
Enunciados e r
Enunciados e r
Rut Romero
Structure & union
Structure & union
Rupesh Mishra
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
David Zapateria Besteiro
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
David Zapateria Besteiro
Más contenido relacionado
La actualidad más candente
Pointers in c v5 12102017 1
Pointers in c v5 12102017 1
tanmaymodi4
Strings Functions in C Programming
Strings Functions in C Programming
DevoAjit Gupta
Type casting
Type casting
Ruchika Sinha
C string
C string
University of Potsdam
Strings in c
Strings in c
vampugani
Implementation Of String Functions In C
Implementation Of String Functions In C
Fazila Sadia
C++
C++
Shyam Khant
Loops in c programming
Loops in c programming
CHANDAN KUMAR
Arrays and Strings
Arrays and Strings
Dr.Subha Krishna
Operators php
Operators php
Chandni Pm
Unit 8. Pointers
Unit 8. Pointers
Ashim Lamichhane
Chapter3
Chapter3
Kamran
Types of Statements in Python Programming Language
Types of Statements in Python Programming Language
Explore Skilled
11 constructors in derived classes
11 constructors in derived classes
Docent Education
C operator and expression
C operator and expression
LavanyaManokaran
Normalización
Normalización
caoxman
Interprocess Communication
Interprocess Communication
Deepak H L
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
Maulik Borsaniya
Enunciados e r
Enunciados e r
Rut Romero
Structure & union
Structure & union
Rupesh Mishra
La actualidad más candente
(20)
Pointers in c v5 12102017 1
Pointers in c v5 12102017 1
Strings Functions in C Programming
Strings Functions in C Programming
Type casting
Type casting
C string
C string
Strings in c
Strings in c
Implementation Of String Functions In C
Implementation Of String Functions In C
C++
C++
Loops in c programming
Loops in c programming
Arrays and Strings
Arrays and Strings
Operators php
Operators php
Unit 8. Pointers
Unit 8. Pointers
Chapter3
Chapter3
Types of Statements in Python Programming Language
Types of Statements in Python Programming Language
11 constructors in derived classes
11 constructors in derived classes
C operator and expression
C operator and expression
Normalización
Normalización
Interprocess Communication
Interprocess Communication
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
PYTHON-Chapter 3-Classes and Object-oriented Programming: MAULIK BORSANIYA
Enunciados e r
Enunciados e r
Structure & union
Structure & union
Destacado
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
David Zapateria Besteiro
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
David Zapateria Besteiro
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
David Zapateria Besteiro
Javascript - Módulo 9: Geolocalización en HTML5, Google maps, y SVG
Javascript - Módulo 9: Geolocalización en HTML5, Google maps, y SVG
David Zapateria Besteiro
Best grade progress report
Best grade progress report
Bryan Yeoh
Introducción al Diseño web
Introducción al Diseño web
ciwmx
부천 임플란트 잘하는곳 연세퍼스트치과
부천 임플란트 잘하는곳 연세퍼스트치과
Yu Jin
정품수면제구입 ̄http://7cc.kr"「톡:c2017」정품수면제 구입처г수면제 구입방법ㄅ수면제 판매,수면제 구입,수면제 파는곳,수면제 약...
정품수면제구입 ̄http://7cc.kr"「톡:c2017」정품수면제 구입처г수면제 구입방법ㄅ수면제 판매,수면제 구입,수면제 파는곳,수면제 약...
成 金
Empresa de producción de gas metano
Empresa de producción de gas metano
laura melo
Chrismas project
Chrismas project
Amitava Majumder
V par craneal ( TRIGEMINO )
V par craneal ( TRIGEMINO )
aibofox
La primera etapa de la investigación
La primera etapa de la investigación
Jorge Eliecer Villarreal Fernandez
Science - Engineering - Design - Artのサイクル
Science - Engineering - Design - Artのサイクル
Yasuhiro Takagi
Contabilidad
Contabilidad
juan david bovea barbosa
20170309
20170309
Naoki Shimada
Multimodalidad o transmision simultanea de contenidos verbales, visuales y so...
Multimodalidad o transmision simultanea de contenidos verbales, visuales y so...
GUADALUPE LUEVANO MORENO
Sistema monetario internacional
Sistema monetario internacional
Yoselinn Lilian
Trabajo mayoli
Trabajo mayoli
GISELA MARILUZ CARIA ALMEIDA
Destacado
(18)
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript - Módulo 9: Geolocalización en HTML5, Google maps, y SVG
Javascript - Módulo 9: Geolocalización en HTML5, Google maps, y SVG
Best grade progress report
Best grade progress report
Introducción al Diseño web
Introducción al Diseño web
부천 임플란트 잘하는곳 연세퍼스트치과
부천 임플란트 잘하는곳 연세퍼스트치과
정품수면제구입 ̄http://7cc.kr"「톡:c2017」정품수면제 구입처г수면제 구입방법ㄅ수면제 판매,수면제 구입,수면제 파는곳,수면제 약...
정품수면제구입 ̄http://7cc.kr"「톡:c2017」정품수면제 구입처г수면제 구입방법ㄅ수면제 판매,수면제 구입,수면제 파는곳,수면제 약...
Empresa de producción de gas metano
Empresa de producción de gas metano
Chrismas project
Chrismas project
V par craneal ( TRIGEMINO )
V par craneal ( TRIGEMINO )
La primera etapa de la investigación
La primera etapa de la investigación
Science - Engineering - Design - Artのサイクル
Science - Engineering - Design - Artのサイクル
Contabilidad
Contabilidad
20170309
20170309
Multimodalidad o transmision simultanea de contenidos verbales, visuales y so...
Multimodalidad o transmision simultanea de contenidos verbales, visuales y so...
Sistema monetario internacional
Sistema monetario internacional
Trabajo mayoli
Trabajo mayoli
Similar a Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Introducción js
Introducción js
Tareas Db
Web services restful con JAX-RS
Web services restful con JAX-RS
Vortexbird
Programación del lado del cliente
Programación del lado del cliente
Gabriel Mondragón
Tema4 apartado4.2
Tema4 apartado4.2
Jacqueline Villarroel Valenzuela
Clase2
Clase2
danielbf0717
Mod00 transparencias
Mod00 transparencias
Lorenzo Perez
Trabajo Final Dani
Trabajo Final Dani
danielare
Php 6 y Mysql
Php 6 y Mysql
jograci
Guia practica java script
Guia practica java script
ljds
Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
José Ricardo Tillero Giménez
Fund Java
Fund Java
mtemarialuisa
Introducción JavaScript
Introducción JavaScript
UNED
AJAX EN CURSO PHP
AJAX EN CURSO PHP
Gustavo Salazar Loor
Ajax: introducción
Ajax: introducción
Moisés Pérez Delgado
Instalacion de Postrgre sql en ubuntu
Instalacion de Postrgre sql en ubuntu
David Vevelas
SyntheticEvent – React.pdf
SyntheticEvent – React.pdf
diegocastanares3005
Guía JavaScript
Guía JavaScript
lissette_torrealba
Seguridad
Seguridad
VLASLOV
INFOSAN Objetos del navegador
INFOSAN Objetos del navegador
FRANCIACOCO
Hx c18
Hx c18
Juan Jose Garcia Sanchez
Similar a Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
(20)
Introducción js
Introducción js
Web services restful con JAX-RS
Web services restful con JAX-RS
Programación del lado del cliente
Programación del lado del cliente
Tema4 apartado4.2
Tema4 apartado4.2
Clase2
Clase2
Mod00 transparencias
Mod00 transparencias
Trabajo Final Dani
Trabajo Final Dani
Php 6 y Mysql
Php 6 y Mysql
Guia practica java script
Guia practica java script
Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
Fund Java
Fund Java
Introducción JavaScript
Introducción JavaScript
AJAX EN CURSO PHP
AJAX EN CURSO PHP
Ajax: introducción
Ajax: introducción
Instalacion de Postrgre sql en ubuntu
Instalacion de Postrgre sql en ubuntu
SyntheticEvent – React.pdf
SyntheticEvent – React.pdf
Guía JavaScript
Guía JavaScript
Seguridad
Seguridad
INFOSAN Objetos del navegador
INFOSAN Objetos del navegador
Hx c18
Hx c18
Último
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
JaquelineJuarez15
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
241531640
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
arkananubis
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
azmysanros90
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
MiguelAtencio10
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
MiguelAngelVillanuev48
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
pabonheidy28
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
JuancarlosHuertasNio1
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
GiovanniJavierHidalg
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
IsabellaMontaomurill
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
aylincamaho
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
maryfer27m
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
JOSEMANUELHERNANDEZH11
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
241514949
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
Iván López Martín
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
FacuMeza2
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas educativa
AdrianaMartnez618894
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
GDGSucre
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
Fundación YOD YOD
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
SergioMendoza354770
Último
(20)
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas educativa
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
1.
© Juan Quemada,
DIT, UPM Ejemplo de un Cronómetro 1 Juan Quemada, DIT, UPM
2.
© Juan Quemada,
DIT, UPM Cronómetro WebApp similar a un cronómetro digital Cuenta décimas de segundo (100 miliseg.) n El contador se inicializa con 0,0 segundos w n.toFixed(1) formatea con 1 decimal Tiene 2 botones n arrancar/parar: arranca o para la cuenta w a partir del valor en que quedo n arranca si cronómetro parado n para si cronómetro contando n inicializar: pone el contador a 0,0 La libreria zepto.js utilizada en los temas siguientes equivale a jQuery 2.0 n Los ejemplos pueden sustituir zepto por jQuery y funcionarán igual w http://zeptojs.com/ 2 Juan Quemada, DIT, UPM
3.
© Juan Quemada,
DIT, UPM Cronómetro 3 Juan Quemada, DIT, UPM
4.
© Juan Quemada,
DIT, UPM DOM como almacén de datos El navegador guarda en document la página HTML que está mostrando n document es un objeto JavaScript con propiedades w que contienen todos los elementos de la página Las propiedades DOM son variables: src, value, innerHTML, .... n donde la información se puede guardar y recuperar w DOM solo contiene strings y todo debe convertirse a/de string Los elementos de DOM se pueden utilizar como variables n Hemos utilizado el elemento <span id="crono"> w para almacenar el contador de decimas de segundo 4 Juan Quemada, DIT, UPM
5.
© Juan Quemada,
DIT, UPM Memoria local en HTML5 5 Juan Quemada, DIT, UPM
6.
© Juan Quemada,
DIT, UPM HTML5 implementa nuevos tipos de almacenamiento de variables n Sencillas y eficientes de utilizar desde Javascript w Definición: http://dev.w3.org/html5/webstorage/ Variables locales n los datos se guardan permanentemente, hasta que se borran Variables de sesión n Los datos solo se guardan solo durante la sesión w Comienzo de sesión: apertura de navegador o pestaña w Final de sesión: cierre de navegador o pestaña Almacenamiento de datos en cliente 6 Juan Quemada, DIT, UPM
7.
© Juan Quemada,
DIT, UPM Son propiedades de los objetos localStorage y sessionStorage n solo pueden contener strings, como por ejemplo w localStorage.usuario = “Pedro Pérez”; w sessionStorage.apellido = “Pérez”; Las variables locales están asociadas a protocolo, dominio y puerto n un programa solo puede acceder a propiedades de local/sessionStorage w creadas por otros programas cargados del mismo servidor Same origin policy n Seguridad: un programa solo confia en programas del mismo servidor n Modularidad: cada servidor tiene un espacio de nombres diferente Variables locales y de sesión 7 Juan Quemada, DIT, UPM
8.
© Juan Quemada,
DIT, UPM Cada usuario que acceda a esta página tendrá una cuenta diferente n La variable está en su navegador Ejemplo de localStorage 8 Juan Quemada, DIT, UPM
9.
© Juan Quemada,
DIT, UPM Cronómetro con memoria Nueva versión del cronómetro con localStorage n así mantiene la cuenta de décimas de segundos w entre usos sucesivos de la aplicación El cronómetro utiliza ahora la variable n localStorage.c w para guardar la cuenta de segundos Debemos inicializar localStorage.c n con parámetro por defecto para cuando se ejecute por primera vez Como la información se guarda ahora en localStorage y no en DOM n hay que actualizar primero localStorage y luego mostrar en DOM 9 Juan Quemada, DIT, UPM
10.
© Juan Quemada,
DIT, UPM Cronómetro: localStorage 10 Juan Quemada, DIT, UPM
11.
JavaScript y HTML5: iframes
y origin policy 11 © Juan Quemada, DIT, UPM
12.
© Juan Quemada,
DIT, UPM iFrame n Importa un recurso Web w en un marco de navegación independiente Un iFrame crea una caja de arena segura n donde poder importar objetos externos Ejemplo: enlaza un juego en otro servidor n El iFrame evita que se introduzcan virus w Acceso JavaScript limitado a caja de arena iFrame 12 Juan Quemada, DIT, UPM
13.
La seguridad se
controla en las aplicaciones JavaScript n Permitiendo que un programa JavaScript en un iframe solo acceda w Al árbol DOM de la página principal si proviene del mismo origen n Esto evita en el ejemplo anterior que el juego w robe o modifique información o datos del usuario en la página externa Origen n protocolo, servidor y puerto del URL La restricción de pertenecer al “mismo origen” n Solo afecta al recurso principal: página Web, recurso, … w Los scripts o los estilos no están afectados y pueden venir de otro servidor Así es posible hacer “mash-ups” seguros n de contenidos que no estén en nuestra cadena de confianza © Juan Quemada, DIT, UPM Seguridad Web: “Same Origin Policy” 13 Juan Quemada, DIT, UPM
14.
Ejemplo con iFrames 14 © Juan
Quemada, DIT, UPMJuan Quemada, DIT, UPM
15.
Flexbox 15 © Juan Quemada,
DIT, UPMJuan Quemada, DIT, UPM© Juan Quemada, DIT, UPMJuan Quemada, DIT, UPM Flexbox permite un diseño responsivo fácil y flexible: display: flex; flex-wrap: wrap; coloca cada iframe a la derecha del anterior. Al llegar al limite pasa a la línea siguiente.
16.
Código 16 © Juan Quemada,
DIT, UPMJuan Quemada, DIT, UPM
17.
© Juan Quemada,
DIT, UPM JSON: JavaScript Object Notation 17 Juan Quemada, DIT, UPM
18.
JSON: formato textual
de representación de tipos y objetos JavaScript n http://json.org/json-es.html Un objeto JavaScript se transforma a un string JSON con n JSON.stringify(object) Un string JSON se transforma en el objeto original con n JSON.parse(string_JSON) © Juan Quemada, DIT, UPM JSON var x = {a:1, b:{y:[false, null, ""]}}, y, z; y = JSON.stringify(x); => '{"a":1, "b":{"y":[false, null, ""]}}' z = JSON.parse(y); => {a:1, b:{y:[false, null, ""]}} 18 Juan Quemada, DIT, UPM
19.
© Juan Quemada,
DIT, UPM Serialización: n transformación reversible de un tipo u objeto (en memoria) en un string equivalente La serialización es un formato de intercambio de datos n Almacenar datos en un fichero n Enviar datos a través de una línea de comunicación n Paso de parámetros en interfaces REST En JavaScript se realiza desde ECMAScript 5 con n JSON.stringify(...) y JSON.parse(...) Otros formatos de serialización: XML, HTML, XDR(C), ... n Estos formatos están siendo desplazados por JSON, incluso XML w Hay bibliotecas de JSON para los lenguajes más importantes Serialización de datos 19 Juan Quemada, DIT, UPM
20.
JSON puede serializar n
objetos, arrays, strings, números finitos, true, false y null w NaN, Infinity y -Infinity se serializan a null w Objetos Date se serializan a formato ISO n la reconstrucción devuelve un string y no el objeto original n No se puede serializar w Funciones, RegExp, errores, undefined Admite filtros para los elementos no soportados n ver doc de APIs JavaScript © Juan Quemada, DIT, UPM Características de JSON JSON.stringify(new Date()) => '"2013-08-08T17:13:10.751Z"' JSON.stringify(NaN) => 'null' JSON.stringify(Infinity) => 'null' 20 Juan Quemada, DIT, UPM
21.
JSON en ejemplo
con iframes, array y for 21 © Juan Quemada, DIT, UPMJuan Quemada, DIT, UPM Si queremos almacenar en el navegador el array de urls para que no se pierdan los urls introducidos, hay que guardarlo serializado con JSON en localStorage
22.
© Juan Quemada,
DIT, UPM Final del tema Muchas gracias! 22 Juan Quemada, DIT, UPM
Descargar ahora