Cómo manejar los errores de cadena de consulta en JavaScript

Las cadenas de consulta son una forma de pasar datos entre diferentes páginas o componentes de una aplicación web. A menudo se usan para pasar parámetros a un servidor o almacenar datos en el historial del navegador. Sin embargo, las cadenas de consulta también pueden ser una fuente de errores y vulnerabilidades de seguridad si no se manejan correctamente.

En este artículo, discutiremos cómo manejar los errores de cadena de consulta en JavaScript.

1. Verifique los parámetros faltantes

Uno de los errores de cadena de consultas más comunes es los parámetros. Esto ocurre cuando un parámetro requerido no está presente en la cadena de consulta, lo que lleva a errores cuando el código intenta acceder a ese parámetro. Para manejar este error, debe verificar si los parámetros requeridos están presentes en la cadena de consulta antes de intentar usarlos. Puedes hacer esto usando el índice de() Método o expresiones regulares para buscar el parámetro en la cadena de consulta.

Ejemplo:

const querystring = ventana.ubicación.buscar; const urlParams = new URLSearchParams (QueryString); si (!urlparams.ha ('userId')) consola.Error ('parámetro INSODED FALTH');

123456

const querystring = ventana.ubicación.Search; const urlParams = new URLSearchParams (QueryString); si (!urlparams.ha ('userId')) consola.Error ('parámetro INSODID FALTH');

En el ejemplo anterior, estamos revisando si el ID de usuario El parámetro está presente en la cadena de consulta. Si no está presente, registramos un mensaje de error en la consola.

2. Validar la entrada

Otro error de cadena de consulta común es la entrada no válida. Esto puede ocurrir cuando el usuario ingresa caracteres o valores inválidos en la cadena de consulta, como caracteres especiales o ataques de inyección SQL. Para manejar este error, debe validar la entrada antes de usarla en su código.

Ejemplo:

const querystring = ventana.ubicación.buscar; const urlParams = new URLSearchParams (QueryString); const userderId = urlParams.get ('userId'); si (!/^[0-9]+$/.test (userId)) consola.Error ('parámetro INSALIDADODID');

1234567

const querystring = ventana.ubicación.Search; const urlParams = new URLSearchParams (QueryString); const userId = urlParams.get ('userId'); si (!/^[0-9]+$/.test (userId)) consola.Error ('Parámetro de INSODERID inválido');

En el ejemplo anterior, estamos utilizando expresiones regulares para validar el parámetro de usuario de usuario. Estamos comprobando si el parámetro contiene solo números y no otros caracteres. Si contiene otros caracteres, registramos un mensaje de error en la consola.

3. Desinfectar la entrada

Otra forma de manejar los errores de cadena de consulta es desinfectar la entrada. Desinfectar significa eliminar o escapar de los caracteres que pueden causar errores o vulnerabilidades de seguridad, como etiquetas HTML o caracteres especiales. Puede usar bibliotecas como Dompurify o Validator.JS para desinfectar su opinión.

Ejemplo:

import dompurify desde 'dompurify'; const querystring = ventana.ubicación.buscar; const urlParams = new URLSearchParams (QueryString); Const Message = urlParams.Get ('Mensaje'); const sanitizedMessage = Dompurify.desinfectar (mensaje); consola.log (desinfectadoMessage);

12345678

Importar Dompurify desde 'Dompurify'; const QueryString = Window.ubicación.Search; const urlParams = new URLSearchParams (QueryString); const mensaje = urlParams.Get ('Mensaje'); const sanitizedMessage = Dompurify.desinfectar (mensaje); consola.log (desinfectadoMessage);

En el ejemplo anterior, estamos usando Dompurify para desinfectar el parámetro del mensaje. Estamos eliminando cualquier etiqueta HTML o caracteres especiales que puedan causar vulnerabilidades de seguridad.

4. Usar bloques de captura de try

Finalmente, puede usar bloques de captura de try para manejar cualquier otro error que pueda ocurrir al trabajar con cadenas de consulta. Esto puede incluir errores como JSON inválido o valores inesperados. Los bloques de captura de try le permiten atrapar estos errores y manejarlos con gracia, sin bloquear su aplicación.

Ejemplo:

Prueba const querystring = ventana.ubicación.buscar; const urlParams = new URLSearchParams (QueryString); Const Data = JSON.parse (urlparams.obtener datos')); consola.Dato de registro); capt (error) consola.Error ('Error de análisis de JSON');

123456789

Prueba const querystring = ventana.ubicación.buscar; const urlParams = new URLSearchParams (QueryString); Const Data = JSON.parse (urlparams.obtener datos')); consola.log (data); capt (error) consola.Error ('Error analizando los datos JSON');

En el ejemplo anterior, estamos utilizando un bloque de captura de prueba para captar cualquier error que pueda ocurrir al analizar los datos JSON del parámetro de datos. Si se produce un error, registramos un mensaje de error en la consola.

Conclusión

Las cadenas de consulta son una herramienta útil para pasar datos entre diferentes componentes de una aplicación web. Sin embargo, también pueden ser una fuente de errores y vulnerabilidades de seguridad si no se manejan correctamente. Siguiendo los consejos y ejemplos