ajax - json

12
Tecnologías Web II Universidad de la Sierra Sur Licenciatura en Informática AJAX JSON

Upload: joose-jose

Post on 31-Dec-2015

9 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Ajax - JSON

Tecnologías Web II

Universidad de la Sierra Sur

Licenciatura en Informática

AJAX

JSON

Page 2: Ajax - JSON

2

JSONJSON es un formato ligero de intercambio de datos que desde hace algún tiempo ha comenzado a usarse de una forma tan popular como se uso en su tiempo el XML.

JSON es la abreviación de JavaScript Object Notación (Notación de Objetos de JavaScript)- También es subconjunto del estándar ECMA 262 publicado en diciembre de 1999.

El formato de JSON es ampliamente reconocido por una gran variedad de lenguajes como Java, PHP, JavaScript, C++, C# entre otros

Page 3: Ajax - JSON

3

¿Cuáles son sus usos?

sirve para modelar y presentar datos, así que se puede combinar con todo tipo de aplicaciones como lectores RSS, Widgets de WordPress, Mods de Joomla, Gadgets y Badges en diferentes aplicaciones y servidores.

Page 4: Ajax - JSON

4

Esta constituido por dos estructuras perfectamente válidas en cualquier lenguaje de programación:1)Una colección de pares nombre / valor2)Una lista ordenada de valores

Estructura

Page 5: Ajax - JSON

5

El primer elemento de JSON es el objeto u object, este se conforma de una llave de apertura, el nombre del objeto entrecomillado, dos puntos, el valor dado al objeto y una llave de cierre:

Sintaxis

{ "objeto" : valor }

{ "secretaria" : "una chica linda y eficiente" }

Page 6: Ajax - JSON

6

1. String (Cadenas de texto)2. number (números)3. object (Objetos)4. char (caracteres unicode válidos)5. array (Un arreglo o colección de valores)6. null (nulo)7. boolean (valores true o false)

Tipos de Datos

Page 7: Ajax - JSON

7

La forma más simple de mostrar datos es através de un arreglo, el arreglo comienza con un corchete de inicio ( [ ) y termina con un corchete de final ( ] ) y se trata de una colección de pares nombre / valor separados por comas:

Arrays

"arreglo" : [{ lista de pares nombre / valor}]

Page 8: Ajax - JSON

8

"datos": [{"nombre" : "Juanita Sierra", "edad": 25, "estudios" : "Preparatoria", "caracter":

"Linda y atenta"}]

{"secretaria": { "datos": [{"nombre" : "Juanita Sierra", "edad": 25, "estudios" : "Preparatoria",

"caracter": "Linda y atenta"}] }}

Page 9: Ajax - JSON

9http://braincast.nl/samples/jsoneditor/

Page 10: Ajax - JSON

10

Page 11: Ajax - JSON

11

Razones por las que JSON vence a XML

1) JSON soporta dos tipos de estructuras, una de ellas son objetos que contienen una colección de pares llave-valor y el otro tipo se trata de arrays de valores. Esto proporciona una gran sencillez en las estructuras.

2) JSON no tiene espacios de nombres, cada objeto es un conjunto de claves independientes de cualquier otro objeto.

3) JSON no necesita ser extensible por que es flexible por sí solo. Puede representar cualquier estructura de datos pudiendo añadir nuevos campos con total facilidad.

4) JSON es mucho mas simple que XML, el cual proporciona pesadas tecnologías que le avalan (Scheme, XSLT, XPath).

5) JSON es optimista y no requiere de este tipo de tecnologías, confía en el desarrollador.

Page 12: Ajax - JSON

12

http://tarjuccino.com/tutoriales/programacion-web/introduccion-a-json/

http://www.analyticaweb.com/desarrollo-web/json-versus-xml-en-proyectos-web

http://www.youtube.com/watch?v=ScU8g4ePR9Y

Referencias