SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
http://www.mentoringit.com.mx 
JavaScript & JSON 
(JavaScript Object Notation) 
MentoringIT
http://www.mentoringit.com.mx 
Características principales JSON 
•Es una formato para compartir datos. 
•Esta basado en JavaScript. 
•Es una alternativa a XML para representar datos. 
•Un objeto JSON contiene elementos por clave- valor separados por ‘:’.
http://www.mentoringit.com.mx 
Ventajas de JSON 
•Un objeto JSON se lee y entiende fácilmente, además se puede convertir a un objeto JavaScript utilizando el método parse de JSON. 
•Utiliza menos espacio que un XML, es mas legible y se parsea mas rápido.
http://www.mentoringit.com.mx 
Estructura de Objeto JSON 
{ 
"dictionary": { 
"json": "JavaScript Object Notation" 
} 
} 
siempre comienza con una llave de apertura y termina con una llave de cierre. 
la clave siempre va entre comillas dobles. 
El valor puede ser cualquiera de los siguientes 6 tipos de datos: strings, numbers, objects, arrays, boolean o null. 
El objeto "dictionary" tiene como valor otro objeto llamado "json", "json" tiene como valor una cadena de caracteres "JavaScript Object Notation"
http://www.mentoringit.com.mx 
Convertir objetos JSON a objetos JavaScript 
•Se pueden convertir objetos JSON a objetos JavaScript con JSON.parse(). 
var data = '{'+ 
'"cursos": {'+ 
'"java":["Java bu00e1sico",'+ 
'"Java WEB",'+ 
'"Java Frameworks"],'+ 
'"php":["PHP orientado a objetos",'+ 
'"PHP Frameworks",'+ 
'"PHP Integraciu00f3n JQuery "]'+ 
'}'+ 
'}'; 
var info = JSON.parse(data); 
alert(info.cursos.java[0]); 
•El alert del ejemplo anterior despliega en el navegador una ventana con el mensaje "Java básico".
http://www.mentoringit.com.mx 
FIN.

Más contenido relacionado

La actualidad más candente (18)

Json
JsonJson
Json
 
13-Unidad 2. Operaciones Linq
 13-Unidad 2. Operaciones Linq 13-Unidad 2. Operaciones Linq
13-Unidad 2. Operaciones Linq
 
nuevas etiquetas html rora!!! =)
nuevas etiquetas html rora!!! =)nuevas etiquetas html rora!!! =)
nuevas etiquetas html rora!!! =)
 
16 Alternativas XML
16 Alternativas XML16 Alternativas XML
16 Alternativas XML
 
Connection
ConnectionConnection
Connection
 
SAX (con PHP)
SAX (con PHP)SAX (con PHP)
SAX (con PHP)
 
Primeros pasos con Neo4j
Primeros pasos con Neo4jPrimeros pasos con Neo4j
Primeros pasos con Neo4j
 
Repaso conceptos básicos de JavaScript
Repaso conceptos básicos de JavaScriptRepaso conceptos básicos de JavaScript
Repaso conceptos básicos de JavaScript
 
Procesamiento de XML en C#
Procesamiento de XML en C#Procesamiento de XML en C#
Procesamiento de XML en C#
 
XML y DTDs
XML y DTDsXML y DTDs
XML y DTDs
 
ElasticSearch: la tenés atroden Google
ElasticSearch: la tenés atroden GoogleElasticSearch: la tenés atroden Google
ElasticSearch: la tenés atroden Google
 
Java persistence
Java persistenceJava persistence
Java persistence
 
Symfony2 and ElasticSearch
Symfony2 and ElasticSearchSymfony2 and ElasticSearch
Symfony2 and ElasticSearch
 
XSLT
XSLTXSLT
XSLT
 
Guia java
Guia javaGuia java
Guia java
 
Mongo db course introduction
Mongo db course   introductionMongo db course   introduction
Mongo db course introduction
 
Json
JsonJson
Json
 
Conexion a servidor desde android
Conexion a servidor desde androidConexion a servidor desde android
Conexion a servidor desde android
 

Destacado (6)

Xml json yaml
Xml json yamlXml json yaml
Xml json yaml
 
Json
JsonJson
Json
 
Tipos de almacenamiento android básico sesion2
Tipos de almacenamiento android básico sesion2Tipos de almacenamiento android básico sesion2
Tipos de almacenamiento android básico sesion2
 
Practica json
Practica jsonPractica json
Practica json
 
Administración de datos en dispositivos móviles
Administración de datos en dispositivos móvilesAdministración de datos en dispositivos móviles
Administración de datos en dispositivos móviles
 
Slider Share
Slider  ShareSlider  Share
Slider Share
 

Similar a JSON y su uso en JavaScript

Similar a JSON y su uso en JavaScript (8)

G3 json
G3 jsonG3 json
G3 json
 
Javascript
JavascriptJavascript
Javascript
 
Apuntes de XSD
Apuntes de XSDApuntes de XSD
Apuntes de XSD
 
03. Introduccion a JavaScript y JQuery
03. Introduccion a JavaScript y JQuery03. Introduccion a JavaScript y JQuery
03. Introduccion a JavaScript y JQuery
 
Manejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetosManejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetos
 
Javascript objetos
Javascript objetosJavascript objetos
Javascript objetos
 
Datos En La Web - Clase 2
Datos En La Web - Clase 2Datos En La Web - Clase 2
Datos En La Web - Clase 2
 
Json JavaScript Object Notation
Json JavaScript Object NotationJson JavaScript Object Notation
Json JavaScript Object Notation
 

Más de www.mentoringit.com.mx

Más de www.mentoringit.com.mx (8)

Android desarrollo de aplicaciones nivel básico 1
Android desarrollo de aplicaciones nivel básico 1Android desarrollo de aplicaciones nivel básico 1
Android desarrollo de aplicaciones nivel básico 1
 
Java desde cero maven
Java desde cero mavenJava desde cero maven
Java desde cero maven
 
Java desde cero string, string builder y string buffer
Java desde cero string, string builder y string bufferJava desde cero string, string builder y string buffer
Java desde cero string, string builder y string buffer
 
excepciones en java
excepciones en javaexcepciones en java
excepciones en java
 
constructores en java
constructores en javaconstructores en java
constructores en java
 
Ordenando collections
Ordenando collectionsOrdenando collections
Ordenando collections
 
colecciones en java
colecciones en javacolecciones en java
colecciones en java
 
Java desde cero
Java desde ceroJava desde cero
Java desde cero
 

JSON y su uso en JavaScript

  • 1. http://www.mentoringit.com.mx JavaScript & JSON (JavaScript Object Notation) MentoringIT
  • 2. http://www.mentoringit.com.mx Características principales JSON •Es una formato para compartir datos. •Esta basado en JavaScript. •Es una alternativa a XML para representar datos. •Un objeto JSON contiene elementos por clave- valor separados por ‘:’.
  • 3. http://www.mentoringit.com.mx Ventajas de JSON •Un objeto JSON se lee y entiende fácilmente, además se puede convertir a un objeto JavaScript utilizando el método parse de JSON. •Utiliza menos espacio que un XML, es mas legible y se parsea mas rápido.
  • 4. http://www.mentoringit.com.mx Estructura de Objeto JSON { "dictionary": { "json": "JavaScript Object Notation" } } siempre comienza con una llave de apertura y termina con una llave de cierre. la clave siempre va entre comillas dobles. El valor puede ser cualquiera de los siguientes 6 tipos de datos: strings, numbers, objects, arrays, boolean o null. El objeto "dictionary" tiene como valor otro objeto llamado "json", "json" tiene como valor una cadena de caracteres "JavaScript Object Notation"
  • 5. http://www.mentoringit.com.mx Convertir objetos JSON a objetos JavaScript •Se pueden convertir objetos JSON a objetos JavaScript con JSON.parse(). var data = '{'+ '"cursos": {'+ '"java":["Java bu00e1sico",'+ '"Java WEB",'+ '"Java Frameworks"],'+ '"php":["PHP orientado a objetos",'+ '"PHP Frameworks",'+ '"PHP Integraciu00f3n JQuery "]'+ '}'+ '}'; var info = JSON.parse(data); alert(info.cursos.java[0]); •El alert del ejemplo anterior despliega en el navegador una ventana con el mensaje "Java básico".