Ler parâmetros passados pela URL com javascript

JavaScript - ocultar e mostrar

Veja um exemplo de como ler os parâmetros recebidos por URL usando javascript e separa-los em variáveis para que possam ser usadas da forma que desejar. 

Veja um URL com parâmetros:

www.test.com.br/pagina.html?pcodigo=1&pnome=fabiano&pidade=25

Nesta URL passamos os parâmetros pcodigo, pnome e pidade após o sinal de ? delimitados por

Agora na pagina.html vamos colocar um código javascript que irá separar os parâmetros passado ao carregar a pagina e exibir os dados nos campos correspondentes na pagina.

<!DOCTYPE html>
<html>
<body onload="carregaParam()">

	<label for="edtCodigo">Codigo:  </label>
	<input type="text" size="4" maxlength="4" name="edtCodigo" id="edtCodigo" style='text-transform:uppercase'/>
	<label for="edtNome">Nome:  </label>
	<input type="text" name="edtNome" id="edtNome" style='text-transform:uppercase'/>
	<label for="edtIdade">Idade:  </label>
	<input type="text" size="3" maxlength="3" name="edtIdade" id="edtIdade" style='text-transform:uppercase'/>

	<script>
		function carregaParam() {
			var url = location.href;
			if (url.indexOf("?") > 0) {
				query = url.split("?");
				param = query[1].split("&");
				for (i=0; i < param.length; i++) {
					v = param[i].split("=");
					eval("var "+v[0]+"='"+v[1]+"';"); 
				}
			} 

			$("#edtCodigo").val(pcodigo);
			$("#edtNome").val(pnome);
			$("#edtIdade").val(pidade);
		}
	</script>

</body>
</html>

 

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.