Blog
Cómo crear una URL con parámetros para hacer petición GET con Java Script
Java Script es un lenguaje de programación muy dinámico que permite realizar muchas operaciones y agregar casi cualquier funcionalidad a los sitios web. Debido a su gran uso en muchos casos puede que sea necesario tener que generar una URL con parámetros para hacer una petición GET, por ejemplo para un ajax.
Teniendo en cuenta esta necesidad, en el presente post vamos a explicar cómo hacer esa función, mostrando un breve código para que cualquiera pueda utilizar en sus proyectos personales o en el trabajo. Es importante aclarar que para hacer esto no vamos a necesitar jQuery ya que vamos a utilizar Java Script sin librerías.
Código para crear una consulta con parámetros en Java Script
A continuación vamos a definir la función encodeQueryData, la cual va a ser la encargada de recibir un JSON con todos los parámetros que va a generar y formatear como si fuera la consulta o query de una URL. Esa misma función va a retornar un string con todos los valores, para que luego se pueda concatenar con la URL base de un sitio.
<html>
<head>
<title>Cómo crear una URL con parámetros para hacer petición GET con Java Script</title>
</head>
<body>
<script>
function encodeQueryData(data) {
let result = [];
for (let d in data)
result.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
return result.join('&');
}
var data = { 'param1': 'value1', 'param1': 'value1', 'param3': 1234 };
var querystring = encodeQueryData(data);
alert('https://programacionextrema.com?' + querystring);
</script>
</body>
</html>
Al ejecutar el ejemplo anterior en un navegador van a ver una alert con la URL completa generada. Para agregar más parámetros y valores simplemente tienen que incluir los datos correspondientes en la variable data.
Eso es todo lo necesario para generar URLs para poder realizar una consulta mediante una petición o request AJAX. Si tienen alguna duda o necesitan más información la pueden solicitar utilizando la sección de comentarios de esta misma páginas.