Cómo recibir y analizar los datos JSON del servidor

Json es un formato de datos popular utilizado para intercambiar información entre servidores y aplicaciones web. Los datos que recibe de un servidor tienen la forma de un "cadena,"Y puedes usar el"Json.analizar gramaticalmente()Método para convertir la cadena en un objeto JavaScript.

Este artículo explicará el uso del JSON.Método de parse () en JavaScript. Además, los ejemplos relacionados con el JSON.El método de parse () para las cadenas de análisis, las matrices, los objetos de fecha y las funciones se demostrarán. Entonces, comencemos!

Que es json.método parse ()

El json.El método parse () acepta una cadena como argumento y la convierte en un objeto JavaScript mediante la analización. Aquí, el análisis es el proceso que divide las cadenas en diferentes partes y luego identifica su relación entre sí.

Sintaxis de JSON.método parse ()

Json.Parse (cadena, función)

La sintaxis dada anteriormente establece que el JSON.El método de parse () acepta "cadena"Escrito en formato JSON válido y"función"Es un parámetro opcional agregado para transformar los resultados.

Ejemplo: JSON.Método de parse () para analizar la cadena en JavaScript

En el siguiente ejemplo, analizaremos los datos utilizando JSON.método parse (). En primer lugar, almacenaremos los datos recibidos en un "String1"Variable como una cadena:

const string1 = '"nombre": "Alex", "Age": 25, "Ciudad": "París"'

En el siguiente paso, invocaremos el JSON.método parse () para convertir "String1" en una "obj" objeto:

const obj = json.parse (string1);

También puede verificar el tipo de "String1" y "obj"Al usar el"tipo de()" función:

consola.log (typeof (string1));
consola.log (typeof (obj));

Por último, accederemos a los valores del "nombre" y "edad"Propiedades del objeto convertido y mostrarlo como salida:

consola.registro (OBJ.nombre + "," + obj.edad);

Puede utilizar cualquier sandbox de codificación en línea o su editor de código favorito para ejecutar el programa JavaScript proporcionado; Sin embargo, usaremos el código de Visual Studio:

Ejecutaremos el programa anterior utilizando el "Servidor en vivo"Extensión del código VS. Se mostrará "Alex" como "nombre" y es edad como "25"Y también muestra el tipo de"String1" y "obj"En la ventana de la consola:

Json.Método de parse () para analizar la matriz en JavaScript

En JavaScript, el JSON.El método parse () se puede invocar en un objeto JSON que se deriva de una matriz como resultado de la misma, este método devuelve una matriz de JavaScript en lugar de un objeto.

Ejemplo: JSON.Método de parse () para analizar la matriz en JavaScript

En el ejemplo dado a continuación, analizaremos una matriz llamando al JSON.método parse (). Crearemos un objeto "MyArray"Al analizar el JSON"texto" cadena:

const text = '["manzana", "mango", "pera", "ciruela"]';
const myArray = json.analizar (texto);

Luego, obtendremos el contenido del elemento de matriz y lo mostraremos en el párrafo:

consola.log (myArray [0]);

El elemento presente en el índice "0" de "MyArray"Se puede ver en la salida:

Json.Método de parse () para la fecha de análisis en JavaScript

La sintaxis JSON no le permite usar los objetos de fecha. Si desea crear un objeto de fecha en su programa JavaScript, debe agregarlo como una cadena, que puede convertirse nuevamente en un objeto de fecha.

Ejemplo: JSON.Método de parse () para la fecha de análisis en JavaScript

En el ejemplo dado a continuación, hemos incluido "fecha de nacimiento" en el "texto" cadena:

const text = '"Nombre": "Alex", "Birth Date": "1998-01-25", "Ciudad": "París"';

Invocando el json.método parse (), analizamos el "texto" cadena:

const obj = json.analizar (texto);
Luego, en el siguiente paso, convertiremos la cadena analizada de nuevo al objeto FECHA de la siguiente manera:
[cc lang = "javaScript" width = "100%" height = "100%" escapado = "true" thema = "Blackboard" Nowrap = "0"]
obj.Nacimiento = nueva fecha (OBJ.fecha de nacimiento);
consola.registro (OBJ.nombre + "," + obj.nacimiento);

Aquí está el resultado que obtuvimos al ejecutar el código anterior:

Json.Método Parse () para analizar las funciones en JavaScript

Similar al objeto de fecha, las funciones tampoco están permitidas en el formato JSON. Para incluir una función en JSON.método parse (), debe agregarlo como una cadena y luego convertirlo en una función.

Ejemplo: JSON.Método Parse () para analizar las funciones en JavaScript

Analizaremos las funciones usando el JSON.Funciones de parse () en el ejemplo dado a continuación. En primer lugar, agregaremos una cadena que comprende una función para el "edad"Propiedad y devolverá"25":

const text = '"name": "alex", "edad": "function () return 25;", "ciudad": "paris"';

Entonces, analizaremos el "texto"Y cree un objeto JSON para almacenar el valor:

const obj = json.analizar (texto);

Después de hacerlo, utilizaremos el "eval ()"JavaScript Función para evaluar la cadena de edad como código JavaScript y para su ejecución:

obj.edad = eval ("(" + obj.edad + ")");

Por último, obtendremos el "obj.nombre" y "obj.edad"Valores y mostrarlo en el párrafo agregado:

consola.registro (OBJ.nombre + "," + obj.edad());

La salida dada muestra que la función agregada se analiza con éxito utilizando el JSON.método parse ().

Conclusión

En JavaScript, el Json.analizar gramaticalmente() El método se utiliza para analizar la cadena, que son los datos recibidos del servidor web. Json.El método parse () devolverá un objeto JavaScript y puede acceder a los datos analizados con la ayuda. Este artículo explicó el uso del JSON.Método de parse () en JavaScript. Además, los ejemplos relacionados con el JSON.El método de parse () para las cadenas de análisis, las matrices, los objetos de fecha y las funciones también se demuestran en este artículo.