Al programar en Javascript, hay momentos en los que es posible que desee saber si se pasó algún parámetro a través de la URL. En caso de que no esté familiarizado con los parámetros de URL, son los argumentos establecidos después de la URL base y el ‘?’. Por ejemplo, veamos el siguiente ejemplo:
https://www.josephamaurer.com/Initiatives/DevAPI/RecentDevPosts.html?PerPage=100
?Por página=100 es el primer parámetro que se pasa con esta URL. Depende de su lógica de javascript tomar el valor de este parámetro y usarlo apropiadamente. Entonces, ¿puede haber múltiples parámetros? ¡Puedes apostar! Se agregan parámetros adicionales con la siguiente sintaxis:
https://www.josephamaurer.com/Initiatives/DevAPI/RecentDevPosts.html?PerPage=100&Web page=2
‘&Web page=2’ es el segundo parámetro que está con esta URL. En este punto, es posible que se pregunte cuáles son las limitaciones de pasar argumentos como este. Bueno, lo obvio es que no puedes tener ningún espacio. Otra es que el carácter ‘#’ está reservado para saltar a una sección de un documento. En common, Codificación de URL se utiliza para solucionar este problema y hacer que cualquier texto sea seguro para pasar en la URL. Web Explorer (RIP) tenía una longitud máxima de 2083 caracteres. Aunque el RFC 2616 spec cube que los servidores deben poder manejar cualquier cantidad de caracteres, corre el riesgo de que un servidor net no responda si la solicitud es demasiado larga. Recomiendo encarecidamente mirar el Directrices de Google Chrome si planea hacer esto en un proyecto de producción.
El uso más común de estas cadenas de consulta dentro de una URL son los formularios net. Cuando un usuario presiona enviar en un formulario, sus respuestas se publican en la URL para que el backend las procese. En este tutorial, nos centraremos en obtener valores de esa URL para procesarlos, pero hay muchos ejemplos de cómo usar esto en el backend.
Cuando se usa javascript para analizar la URL, es más fácil de usar URLSearchParams en lugar de intentar analizar la cadena usted mismo. Podría usar expresiones regulares para intentar hacer esto, pero como escribí antes esta es una concept horrible. Así que veamos el siguiente ejemplo y veamos cómo funciona.
Como puede ver, obtener los parámetros es en realidad un proceso muy sencillo. Puede consultar muy fácilmente para ver qué objetos están presentes y verificar si son nulos o un valor actual antes de usarlos. Al momento de escribir esto, compatibilidad con navegador es muy bueno y está disponible para usar en casi todas partes.
Construyendo sobre mi última publicación de vídeoahora puede pasar parámetros a mi página de ejemplo para jugar con la cantidad de publicaciones que devuelve.
