Ajax !
Olha Aqui um exemplo
Aprendendo AJAX rapidão !
Algumas pessoas gostam de ensinar AJAX no modo "complicado".
.
.
Aviso: Esse código não funciona no Internet Explorer 5, 6 e navegadores mais antigos.
Vamos lá !
Você terá que saber um pouco sobre Javascript.
Que código é obrigado para o nosso AJAX funfá ?
R= XMLHttpRequest() , onreadystatechange, open, send, readyState, status e responseText.
Explicação básica:
XMLHttpRequest: Com Ajax, o seu JavaScript comunica diretamente com o servidor, através do objeto XMLHttpRequest JavaScript.
onreadystatechange: Após uma solicitação para um servidor, precisamos de uma função para receber os dados retornados do servidor.
readyState: A propriedade readyState detém o status de resposta do servidor.
Open: O método Open() tem três argumentos. O primeiro argumento define o método a utilizar quando enviar o pedido (GET ou POST). O segundo argumento especifica o URL do script server-side. O terceiro argumento especifica que o pedido deve ser tratado de forma assíncrona.
Send: O método send() envia a solicitação para o servidor.
Pronto, chega de blá blá blá e vamos oque interessa.
Abre o bloco de notas ou algum editor de sua preferência e coloca ae..
<html>
<body>
<script type="text/javascript">
function verifica()
{
if (window.XMLHttpRequest) //Se o navegador suportar, então,...
{
xmlhttp = new XMLHttpRequest();
//...cria um objeto XMLHttpRequest como xmlhttp(variável),....
}
else //..si não..
{
return false; //retorna como falso
}
return xmlhttp;
}
function carrega()
{
pedido = verifica();
//A função verifica(), agora é uma variável com nome pedido
if (pedido)//Si a função verifica() estiver tudo OK
{
pedido.onreadystatechange = resposta;
//Tire sua dúvida sobre o onreadystatechange ali em cima
pedido.open("GET", "exemplo.html", true);
pedido.send(null);
}
}
function resposta()
//Essa função vai dá a resposta do servidor e
// "transformar" em texto ou como você quiser.
{
if (pedido.readyState == 4){
//Lembre-se o readyState tem que ser assim:
// readyState (S no meio maiúsculo)
//Não pode ser assim: readystate ou Readystate...
if (pedido.status == 200){
//Você lembra do bendito 404: not found ?
//Então, número 200 é quando deu tudo OK(entendeu ?)
document.getElementById("codigo").innerHTML = pedido.responseText;
//Na onde estiver um tag com id="codigo",
// terá a resposta do servidor.
}
else {//Si o navegador não suportar AJAX ou o servidor estiver off,
//vá responder como:
document.write("Erro 404. Página não encontrada"); }
}
}
</script>
<input type="button" onClick="carrega()" value="Clica ae"/>
<div id="codigo"></div>
</body>
</html>
E salve como ajax.html
LEIA ISSO AKI:
Crie um simples arquivo html e cole isso:
<li>Teste !</li>
<li>AJAX ativo ! \o/</li>
<li>Eu consegui \o/</li>
Mais informações:
Falow !
Si eu expliquei alguma coisa de errado, faz um comentário, por favor !
Si eu expliquei alguma coisa de errado, faz um comentário, por favor !
Nenhum comentário:
Postar um comentário