Possuo duas páginas HTML. Ao clicar no botão da pagina 1 o usuário é redirecionado para pagina 2,porém o ID que preciso fica na URL.
Como faço pra mostrar o valor contido na URL(da página 2) sem precisar dar um refresh? Se possível mostrar o valor através de um evento que o usuário não veja acontecer ou não consiga evitar.
Este é o meu exemplo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Pagina1</title>
</head>
<body>
<h1>Pagina 1</h1>
<input type="button" value="Botao" onclick="location.href = 'pagina2.jsp?v1=1234'"/>
</body>
</html>
Página 2:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Pagina 2</title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
</head>
<body>
<h1>Pagina 2</h1>
<p>O valor do ID é <span id="idTest"></span></p>
</body>
</html>