Josel Toro: Funcion JavaScript que captura las variables pasados por GET

05 julio, 2020

Funcion JavaScript que captura las variables pasados por GET

Funcion que captura las variables pasados por GET

PASOS:

1. Crear un Dynamic Web Project

2. Configurar el archivo web.xml.

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
    id="WebApp_ID" version="3.0">
    <display-name>GETParameterURL</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
    </welcome-file-list>
</web-app>

4. Crear la página index.xhtml.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<script>
		/**
		 * Funcion que captura las variables pasados por GET
		 * Devuelve un array de clave=>valor
		 */
		function getGET() {
			// capturamos la url
			var loc = document.location.href;
			// si existe el interrogante
			if (loc.indexOf('?') > 0) {
				// cogemos la parte de la url que hay despues del interrogante
				var getString = loc.split('?')[1];
				// obtenemos un array con cada clave=valor
				var GET = getString.split('&');
				var get = {};
	
				// recorremos todo el array de valores
				for (var i = 0, l = GET.length; i < l; i++) {
					var tmp = GET[i].split('=');
					get[tmp[0]] = unescape(decodeURI(tmp[1]));
				}
				return get;
			}
		}
	
		window.onload = function() {
			// Cogemos los valores pasados por get
			var valores = getGET();
			if (valores) {
				// hacemos un bucle para pasar por cada indice del array de valores
				for ( var index in valores) {
					document.write("<br>clave: " + index + " - valor: "
							+ valores[index]);
				}
			} else {
				// no se ha recibido ningun parametro por GET
				document.write("<br>No se ha recibido ningún parámetro");
			}
		}
	</script>
</head>

<body>

</body>

</html>

Descargar ejercicio

Descargar archivo