<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Agrega o Elimina Elementos en JSON</title>
</head>
<script src="js/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="js/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>
<script type="text/javascript">
//elemento JSON
var data = {items: [
{id: "1", nombre: "Carlos", sexo: "Masculino"},
{id: "2", nombre: "Belem", sexo: "Femenino"},
{id: "3", nombre: "Hugo", sexo: "Masculino"},
]};
$(document).ready(function(){
//Muestra el elemento JSON antes de su modificación
$("#elementsJsonSinModificaciones").text(JSON.stringify(data,null, '\t'));
//Llamamos a la funcion elimina_json, para la eliminación de dos registros mediante la opción .splice()
elimina_en_json();
//Mostramos el elemento JSON en el elemento <pre> con las eliminaciones realizadas
$("#elementsJsonConModificaciones").text(JSON.stringify(data,null, '\t'));
//Se llama a la siguiente función para agregar un elemento al JSON
agrega_en_json();
//Mostramos nuevamente el elemento JSON en el las tags </pre> con un elemento mas al JSON
$("#elementsJsonAgregar").text(JSON.stringify(data,null, '\t'));
});
//Función que elimina dos elementos apartir del registro 1
function elimina_en_json(){
data.items.splice(1,2);
}
//funcion que agrega un registro al elemento JSON
function agrega_en_json(){
data.items.push(
{id: "7", nombre: "Daniela", sexo: "Femenino"}
);
}
</script>
<body>
<span>CreateBy Abraham Zenteno Sánchez <a href="https://facebook.com/abzenteno">abzenteno Facebook</a></span><br/>
Elementos de un JSON
<pre class="brush: js; " id="elementsJsonSinModificaciones"></pre>
Eliminando elementos en el JSON con: <b>data.items.splice(1, 3);</b>
<pre class="brush: js; " id="elementsJsonConModificaciones"> </pre>
Agregando Elementos en un JSON con: <b>data.items.push({id: "7", nombre: "Daniela", sexo: "Femenino"});</b>
<pre class="brush: js;" id="elementsJsonAgregar"></pre>
</body>
</html>
Resultado del ejemplo:
No hay comentarios:
Publicar un comentario