estou usando o Jquery para carregar uma pagina HTML dentro de uma <div>
. Meu código está funcionando corretamente, porém ele não está passando um valor via GET que eu preciso na outra página:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo</title>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="js/js_1.9/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/js_1.9/jquery-ui-1.9.1.custom.min.js"></script>
</head>
<body>
<div id="sidebar">
<ul>
<li><a onclick="carregar('receita.html?cod=1')" href="#">Receita 1</a></li>
<li><a onclick="carregar('receita.html?cod=2')" href="#">Receita 2</a></li>
</ul>
</div>
<div id="conteudo"></div>
</body>
<script>
function carregar(pagina){
$("#conteudo").load(pagina);
}
</script>
</html>
Estou usando uma função na pagina receita.html
que recupera a variável cod
Então, se eu abrir no navegador receita.html?cod=10
ele recupera essa variável, mas abrindo o conteúdo dentro da <div>
ele até abre a pagina, mas não recupera o cod
.
Alguém tem alguma ideia de como posso resolver isso?
receita.html
, você pode adicionar a parte desse arquivo onde você utiliza a variável GET? Tente adicionarvar_dump($_GET);exit;
no inicio do arquivo para ver o que aparecefunction getUrlVars(){ var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } var var_cod = getUrlVars()["cod"];
Se eu abrir a pagina receita.html no meu navegador funciona... somente dentro da div que nãoreceita.html
, mas quando você chama a página com.load('receita.html')
, o javascript da página não são executadoshidden
e na hora que carregar essa pagina puxar os valores desses campos