JSON o JavaScript Object Notation es un formato estandarizado basado en la sucesión de pares clave valor. ¿Qué significa esto? Que existe una lista de elementos en que cada uno de ellos tiene un valor y un nombre.
El formato estándar es este:
{
clave: valor
}
Como puedes ver varios valores, se separan mediante comas simples:
{
clave1: valor1,
clave2: valor2
}
Sabiendo que un objeto JSON
puede contener, a su vez, elementos con el mismo formato. Pongamos un ejemplo real.
const persona = {
nombre: 'Juan',
edad: 23,
ciudad = {
nombre: 'Madrid',
país: 'España'
}
}
Recibiendo los datos de un back-end, entiendo que los recibirás en formato JSON
directamente, si necesitases parsearlos de un String
o formato texto necesitarías utilizar la función de JavaScript JSON.parse
. Te pongo otro ejemplo:
const persona = "{nombre: 'Juan', edad: 23, ciudad = {nombre: 'Madrid', país: 'España'}}"
const persona_json = JSON.parse(persona);
Finalmente, JavaScript tine una facilidad nativa para trabajar con objetos de tipo JSON, por lo que para obtener tales datos necesitas llamarlos simplemente mediante un punto seguido de su nombre. Tan sencillo como
alert("Hola " + persona.nombre);
Si quieres buscar en profundidad, es tan sencillo como anidar puntos:
alert("Hola " + persona.nombre + ", " + persona.ciudad.nombre + " es una ciudad preciosa);
Creo que con esto tienes lo básico para trabajar con un JSON. Para cargarlo deberías de llamar al Servidor ya que no debería de estar alojado en el local de cada cliente.
Respecto a la pregunta del CRUD, me parece excesivamente genérica como para ser respondida punto por punto. Si ya existe un back-end, la parte que consiste en la modificación, el alta y la eliminación de datos estará mantenida, por lo que tu trabajo es hacer un formulario de alta, otro de modificación y una vista en la que se puedan ver y seleccionar para modificar y eliminar todos los datos de tal JSON.