Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Velox

Como fazer para enviar GET com AJAX + JQuery?

Recommended Posts

Salve galera, sou iniciante em JQuery, já havia feito um sistema de enviar dados via GET com AJAX, mas agora quero acrescentar o método "fadeOut" e "fadeIn" do JQuery e não estou conseguindo...

como ficaria com esse método? E para enviar parametros GET por JQuery?

 

Eis os códigos do AJAX sem JQuery:

 

index.php

<html>
<head>
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript">
//FUNÇÃO
function pan(str){
//VARIAVEL
if (str==""){
document.getElementById("SOME").innerHTML="";
return;
} 
//NAVEGADORES
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
//IE6 E 5
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
//SE OK
if (xmlhttp.readyState==4 && xmlhttp.status==200){
//NOME DA DIV
document.getElementById("SOME").innerHTML=xmlhttp.responseText;
}
//CARREGANDO OU 404
else{
document.getElementById('SOME').innerHTML="carregando...";
}
}
//PAGINA DA CONSULTA AJAX
xmlhttp.open("GET","teste2.php?PaginaAtual="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<?php
$numero = rand(1,100);
echo "$numero";

echo '<div id="nada">'.$numero.'</div><br><br><br>';
echo '<div id="SOME">';
$NossoArray = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'x', 'z');
$RegistrosPorPagina = 5;

if (!isset($_GET["PaginaAtual"]))
{
$PaginaAtual = 1;
} 
else{
$PaginaAtual = $_GET["PaginaAtual"];
}
$TotalDeRegistros = (count($NossoArray) - 1);
$TotalDePaginas = ceil($TotalDeRegistros/$RegistrosPorPagina);
$PrimeiroRegistro = (($PaginaAtual * $RegistrosPorPagina) - $RegistrosPorPagina);
function CriarLinks ($TotalDePaginas)
{
$link = '';
//Inicia a variavel
for ($i = 1; $i <= $TotalDePaginas; $i++)
{
	//Faz um for até o números de paginas

	$link .= " <a href=javascript:abre('?PaginaAtual=$i','GET')>$i</a> |";
	//Adiciona a pagina na string
}

return $link;
//Tem como retorno a string com os links já criados
}

for ($i = $PrimeiroRegistro; $i < ($RegistrosPorPagina + $PrimeiroRegistro); $i++)
{

if(isset($NossoArray[$i]))
{

	echo $NossoArray[$i].'<br>';
}
}
echo CriarLinks($TotalDePaginas);
echo '</div>';
?>
</body>
</html>

 

teste2.php

<?php
$q=$_GET["PaginaAtual"];
$var=$_GET["var"];
$PaginaAtual = $q;
echo '<div id="SOME">';
echo '<font size="5">'.$var.'</font>';
$NossoArray = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'x', 'z');
$RegistrosPorPagina = 5;
$TotalDeRegistros = (count($NossoArray) - 1);
$TotalDePaginas = ceil($TotalDeRegistros/$RegistrosPorPagina);
$PrimeiroRegistro = (($PaginaAtual * $RegistrosPorPagina) - $RegistrosPorPagina);
function CriarLinks ($TotalDePaginas)
{
$link = '';
//Inicia a variavel
for ($i = 1; $i <= $TotalDePaginas; $i++)
{
	//Faz um for até o números de paginas

	$link .= " <span name='pgna' onclick=pan('$i')>$i</span> |";
	//Adiciona a pagina na string
}

return $link;
//Tem como retorno a string com os links já criados
}

for ($i = $PrimeiroRegistro; $i < ($RegistrosPorPagina + $PrimeiroRegistro); $i++)
{

if(isset($NossoArray[$i]))
{

	echo $NossoArray[$i].'<br>';
}
}
echo CriarLinks($TotalDePaginas);
echo '</div>';
?>

 

O que quero fazer é dar um "fadeOut" quando clicar num link da div SOME da página index e dar um "fadeIn" quando a teste2.php abrir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja os exemplos aqui na documentação do jQuery.get().

 

Para dar o fadeOut quando clicar, use o método click(). O fadeIn você pode usar no success ou no terceiro parâmetro do get().

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.