Dos programas que no se entienden
Imagina que tu móvil habla solo inglés y el servidor del autobús solo habla japonés. No se entienden.
Con los programas pasa igual. Uno está hecho en Java, otro en PHP y otro en JavaScript.
Para entenderse, escriben los datos en un texto que todos saben leer.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Formato | La forma acordada de escribir unos datos para que otro programa los lea. | JSON, XML, CSV |
| Servidor | Un ordenador que guarda datos y los envía cuando se los piden. | el de la web del autobús |
| Cliente | El programa que pide los datos, como la aplicación de tu móvil. | una app de horarios |
| Petición | El mensaje con el que el cliente pide algo. | "dame los autobuses" |
| Respuesta | El mensaje con los datos que devuelve el servidor. | una lista en JSON |
| CSV | Un formato muy sencillo: una línea por fila y los datos separados por comas. | 24,Plaza Mayor,4 |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Un texto que todos leen
Un programa no puede pasarle a otro un objeto de su memoria. Solo puede enviarle texto.
Por eso convierte el dato en texto con un formato acordado, como JSON. El otro programa lee ese texto y recupera el dato.
Pruébalo: del dato al texto y vuelta
<h2>Texto que se envía</h2>
<pre id="text"></pre>
<h2>Lo que entiende el otro programa</h2>
<p id="again"></p>
Petición y respuesta
El cliente pide. El servidor contesta. Es como pedir en un bar.
La petición dice qué quieres. La respuesta trae los datos, en JSON o en XML.
Al terminar, la aplicación dibuja los datos en la pantalla.
Repaso rápido: pedir datos
Inténtalo
Repaso rápido: pedir datos
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
Tres formatos para el mismo dato
Los tres formatos más usados son XML, JSON y CSV.
Mira el mismo autobús en los tres. El dato es el mismo. Cambia la forma de escribirlo.
Ejemplo resuelto: el mismo autobús
| Formato | Cómo se escribe | Para qué se usa |
|---|---|---|
| XML | <bus><line>24</line><stop>Plaza Mayor</stop></bus> | Documentos con partes dentro de partes |
| JSON | { "line": 24, "stop": "Plaza Mayor" } | Las aplicaciones web y los móviles |
| CSV | 24,Plaza Mayor | Tablas sencillas, como las de una hoja de cálculo |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.