
Ir al contenido Ir a la navegación Ir al buscador

English Directorio WAP para móvil, Tablet, iPhone o Smartphone Centro de Noticias de la Universidad de Oriente Categorías

Inicio | Contacto | Posts |

TIENDA PUBLISHOP | Sobre nosotros | Registro y Planes | Pagos | Donaciones

Ver Código QR de esta página

Campaña #AyudemosaYuli | Campaña #AyudemosaStephany. | ¿Interesado(a) en cursos y resolución de ejercicios de materias prácticas? Para más información, contáctenos por: Teléfono: +58 (412) - 8226575. WhatsApp y Telegram: +58 (426) - 6836955 o escriba al correo: [email protected]. Únete al grupo: SISTEMAS (UDOMO).

[»]

Musica para tu celular

Buscar en BolUDO

De JavaScript a JSON (utilizando la función stringify del objeto JSON)

domingo julio 10, 2016

22 - De JavaScript a JSON (utilizando la función stringify del objeto JSON)

Ahora veremos otra actividad común que es la conversión de un objeto literal de JavaScript en formato JSON.

Para probar esta función implementaremos una pequeña aplicación que convierta un objeto literal definido en JavaScript en formato JSON.

pagina1.html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Problema</title>
  <script src="funciones.js"></script>
</head>
<body>
  <h2>Convertir un objeto JavaScript a formato JSON</h2>
  <input type="button" value="Convertir" id="boton1">
</body>
</html>

Nuestro archivo con las funciones en JavaScript (funciones.js):

addEventListener('load',inicializarEventos,false);

function inicializarEventos()
{
  var ref=document.getElementById('boton1');
  ref.addEventListener('click',mostrarConversion,false);
}

function mostrarConversion(e)
{
  var obj={
    nombre:'juan',
    edad:25,
    sueldos:[1200,1700,1990]
  };

  var cadena=JSON.stringify(obj);
  alert(cadena);
}

Lo más importante lo podemos encontrar en la función mostrarConversion:

function mostrarConversion(e)
{
  var obj={
    nombre:'juan',
    edad:25,
    sueldos:[1200,1700,1990]
  };

  var cadena=JSON.stringify(obj);
  alert(cadena);
}

Primero definimos un objeto en JavaScript:

  var obj={
    nombre:'juan',
    edad:25,
    sueldos:[1200,1700,1990]
  };

El objeto obj contiene tres atributos (nombre,edad y sueldo), de los cuales el último es un array con tres elementos.

Luego simplemente llamando al método stringify pasando como parámetro el objeto y nos retorna un string con el contenido del objeto pero codificado en formato JSON:

  var cadena=JSON.stringify(obj);
  alert(cadena);

Problema resuelto.

Convertir un objeto literal de JavaScript a una cadena JSON. Para esto implementar un ejercicio donde al presionar un botón se cree un objeto que almacena tres atributos, de los cuales uno sea una array. Luego convertir dicho objeto a formato JSON

pagina1.html

Ejecutar ejemplo

funciones.js

Retornar

— @bolUDOoficial

Categorías: #Ajax, #

[0] Atrás | Directorio

Inicio

Apps Infoudo ¡Descarga el icono directo en el menú de tu equipo!

[»] Las mejores Apps para tu celular

[»] Imágenes Gratis

Comenta o lee lo que otros opinan

COMPÁRTELO:

Indica que te gusta y comparte

Facebook

Twitter

También te puede interesar:

Validación de la existencia de un nombre de usuario en forma asincrónica (AJAX)
Pizarra interactiva multiusuario
De JSON a PHP (utilizando la función json_decode)
De JSON a JavaScript (utilizando utilizando la función parse)
De PHP a JSON (utilizando la función json_encode)
Recuperar datos del servidor en formato JSON
Qué es JSON?
Encuenta con AJAX
Autocompletar un control de tipo text
Mostrar un tooltip con datos recuperados del servidor en forma asincrónica

« De PHP a JSON (utilizando la función json_encode) | De JSON a JavaScript (utilizando utilizando la función parse) »

Buscador:

Síguenos por RSS

Puedes leerlos mediante el navegador Firefox, lectores de noticias en la computadora o el móvil o usando el servicio de Feedburner de Google para recibir las notificaciones por correo electrónico.