Para deserializar un JSON en un objeto de JavaScript, aquí usaremos un método común JSON.parse() .
La notación de objetos de JavaScript se utiliza para intercambiar datos hacia o desde un servidor web o API RESTFull. Los datos recibidos de un servidor web son siempre una string. Para usar esos datos, debe analizar los datos con JSON.parse() , que devolverá un objeto JavaScript o una array de objetos.
Sintaxis:
JSON.parse( string, function )
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
Deserializing a JSON into a JavaScript object
using JSON parse() Method
</title>
</head>
<body>
<center>
<h1 style="color: green;">GeeksforGeeks</h1>
<h3>Deserializing a JSON into a JavaScript object</h3>
<p id="geeks"></p>
<!-- Script to parse a string and return
JavaScript object -->
<script>
var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}');
document.getElementById("geeks").innerHTML
= obj.var1 + " " + obj.var2;
</script>
</center>
</body>
</html>
Producción:
Ejemplo 2: aquí usaremos la función reviver para analizar una string y devolver el objeto JavaScript.
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h3>Convert a string into a date object.</h3>
<p id="geeks"></p>
<script>
var text = '{"name":" Pankaj_Singh",\
"birth":"1996-12-14", "city":"Jhansi"}';
var obj = JSON.parse(text);
obj.birth = new Date(obj.birth);
document.getElementById("geeks").innerHTML =
obj.name + ", " + obj.birth;
</script>
</center>
</body>
</html>
Producción:
- cromo 4.0
- Firefox 3.5
- Ópera 11.0
- Internet Explorer 8.0
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por Pankaj_Singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA