Ir para conteúdo

POWERED BY:

Arquivado

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

Lorram Nascimento

Ajax

Por , em Javascript

Recommended Posts

Lorram Nascimento    0

Lorram Nascimento
Postado

Estou torrando a crânio para compreender o uso de Ajax.

Estou testando com os navegadores atualizados Mozilla Firefox e Chrome.

 

Nos livros.. os autores usam: "readyState == 4" antes mesmo de usar o open() e o send() e no exemplo deles o "if" retorna a true ou seja é igual à 4.. e executa um alerta. Mas quando vou tentar fazer aqui não resulta em nada.

 

Eu copiei e colei o código exemplo da w3schools, mesmo assim nada resultou aqui.

 

Alguém pode me explicar de forma clara como funciona uma aplicação Ajax, já que os livros não estão me ajudando muito.

 

E gostaria também de saber se é mais vantajoso usar Ajax via Jquery ou usar mesmo via Javascript(direto).

 

Olhem o código que fiz o teste aqui, e não resultou em nada.. já o mesmo código no site está funcionando!

 

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O código está certinho, tem uma coisa que acredito que seja o seu erro:

 

-> Não execute o arquivo .html com duplo clique, mas sim passando por um servidor web.

Instale o apache localmente por exemplo, e execute através dele, ai a url será algo como: http://localhost/ajax.html e não: file://... ou C://...

 

Veja o que acontece quando abro o arquivo sem passar por um servidor:

uLyoem4.png

 

Leia esses 2 artigos:

http://wbruno.com.br/javascript-puro/como-debugar-javascript-firefox-erros-comuns/

http://wbruno.com.br/ajax/como-debugar-ajax-firebug/

 

 

Sobre jQuery ou ajax puro, meio que tanto faz. Vai depender do contexto da aplicação. Se vc já está com jQuery incorporado, não faz sentido fazer no braço, mas se vc não precisa das outras coisas da lib, ai fazer em js será muito mais leve.

 

O ponto mais importante é: saiba fazer, saiba o que a lib faz por baixo dos panos.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito