Algumas vezes queremos mudar de página e passar alguns parametros. Com uma linguagem server-side, as chamadas linguagens dinâmicas isso é feito sem problemas. Basta utilizar do request e depois enviar novamente.
Mas, e quando você não está usando uma linguagem dinâmica? Ou os dados não precisam de validação por serem configurações básicas, como cor do plano de fundo da página por exemplo.
Nestes casos mais simples podemos usar o javascript para recuperar as variáveis que vem concatenadas com sua URL.
Vejamos como isso funciona, crie uma página de teste “teste.html“, que irá receber os parametros e enviar para outra página:
<html><head>
<title>teste</title>
</head>
<body>
<form action="destino.html" method="post">
<input type="text" name="nome">
<input type="submit">
</form>
</body>
</html>
Veja que é uma página bem simples, com um formulário que tem um campo text com nome de variável “nome“.
Agora a página que será chamada e vai recuperar o valor da URL “destino.html“.
<html><head>
<title>destino teste</title>
<script language="JavaScript">
function getNameURL() {
var urlTemp;
urlTemp = location.href.substring(location.href.indexOf('?') + 1);
return urlTemp;
}
</script>
</head>
<body>
<script language="JavaScript">
document.write(getNameURL());
</script>
</body>
</html>
Veja que o código é simples, não precisava nem ter tantas linhas, fiz assim para que fique fácil de entender.
Tem um método getNameURL() que pega a URL e ignora tudo que estiver antes do sinal ?, pegando só as variáveis que vem na sequencia. Este método manda como retorno este valor.
Depois já no corpo do documento html, abrimos uma tag javascript apenas para executar o comando de escrita na tela, chamando então o método criado.
Fácil, simples e funcional. Sucesso!
Loading...