Iniciante com AJAX

20 de fevereiro de 2009 3 respostas

yuri_ev 20 de fevereiro de 2009

Estou iniciando com AJAX, sei pouca coisa. Ao começar a desenvolver minha primeira aplicação utilizando o eclipse já me deparei com um erro quando estou criando o objeto XMLHttpRequest(XMLHttpRequest cannot be resolved to a type). Alguém poderia dar uma luz? Quais as configurações que devo fazer para utilizar ajax?

function chamaAjax(){ var req; var isIE; if(window.XMLHttpRequest) { req = new XMLHttpRequest(); }else if(window.ActiveXObject){ isIE=true; req = new ActiveXObject("Microsof.XMLHTTP"); }

3 Respostas

vinnymaran 20 de fev. de 2009

Codigo de exemplo:

// JavaScript Document
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
try {
	 ajax = new ActiveXObject("Microsoft.XMLHTTP");
	 } 
	 	catch( e ) 
		{
    		try 
			{
      			ajax = new ActiveXObject("Msxml2.XMLHTTP");
    		}  
    		catch( ee ) 
			{
      			try 
				{
        			ajax = new XMLHttpRequest();
      			} 
      			catch( eee ) 
				{
        			alert("Esse browser não tem recursos para uso do Ajax");
        			ajax = null;
		        }
    		}
 		 }
		 
function lista()
{ 
  document.getElementById( "mensagem" ).innerHTML = "Buscando...";
  ajax.open( "POST", 'servlet', true );  
  ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
  ajax.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
  ajax.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
  ajax.setRequestHeader("Pragma", "no-cache");
  ajax.send("action=lista");  
  document.getElementById( "mensagem" ).innerHTML = "Montando lista...";
  ajax.onreadystatechange = function() {
    if ( ajax.readyState == 4 )
    {	
     document.getElementById( "lista" ).innerHTML = ajax.responseText.replace(/^\s+/, "").replace(/\s+$/, "");
	 document.getElementById( "mensagem" ).innerHTML = "";
    }
  }
}

Psycopata 20 de fev. de 2009

Oba, vou guardar esse código

AAAquino 23 de fev. de 2009

Psicopata, acho legal vc saber como funciona as requisições em AJAX, alem das requisições, no futuro surgiram outras necessidades que vc terá que ter um bom domínio do JS, isso é bom, na verdade é ótimo, mas não é produtivo.

Te aconselho a dar uma olhada nas bibliotecas feitas em JavaScript, uma que uso e aconselho é a JQuery, vc acha bastante documentação e é de fácil entendimento.

site JQuery: http://jquery.com/

No site JQuery tem bastante coisa legal, de uma olhada em http://docs.jquery.com/Ajax, vários exemplos.

function teste(){
    $("#id_destino").load("pagina.html");
}

<div id="id_destino"></div>

<a href="javascript:teste();">testando....</a>

Ao clicar no link, “pagina.html” será carregada no div com o id informado em $("#id_destino"), super simples…

Alguns docs, mas uma procurada na net irá te trazer bastante coisa legal.

Uma dica: tem uma apostila da Caelum,s e não me engano a FJ28, tem vários exemplos bem legais.

http://dev.opera.com/articles/view/jquery-write-less-do-more/

http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html

Espero ter ajudado.

Criado 20 de fevereiro de 2009

Ultima resposta 23 de fev. de 2009

Respostas 3

Participantes 4

3 Respostas

Topicos relacionados