Exemplo simples de AJAX

9 respostas
V

Alguem teria um exemplo simples de como funciona o ajax?

Gostaria de fazer uma atualizacao na pagina sem refresh… principalmente para os combos… mas quero usar tambem o struts.

Obrigado.

9 Respostas

F

Tenta usar esse frameWork aí. É mto bom.
http://getahead.ltd.uk/dwr/

:slight_smile:

Z

Saiu um matéria boa do dwr no mundo java na edicção 14.
lá tem alguns exemplos utilizando o dwr.
http://www.mundojava.com.br/NovoSite/14destaque.shtml

P

É possível utilizar o Ajax sem fazer uso de nenhum framework?

F

Eu tenho um exemplo aqui

Z

Sim é possivel, recomendo dar uma pesquisado sobre o XmlHttpRequest.

<HTML>
	<head>
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
	
		<script>
				
			var request = false;
			try {
				request = new XMLHttpRequest();
			} catch (trymicrosoft) {
				try {
					request = new ActiveXObject("Msxml2.XMLHTTP");
				} catch (othermicrosoft) {
					try {
						request = new ActiveXObject("Microsoft.XMLHTTP");
					} catch (failed) {
						request = false;
					}  
				}
			}

		   if (!request)
		     alert("Error initializing XMLHttpRequest!");



			function getCustomerInfo() {
			     
			     var url = "Uf.php";
			     
			     request.open("GET", url, true);
			     request.onreadystatechange = updatePage;
			     request.send(null);
			}

				
			function updatePage() {
				if (request.readyState == 4) {
					if (request.status == 200) {
						
						var conteudo = "";
						var response = request.responseText.split("|");
						
						for(i=0; i &lt response.length; i++) {
							conteudo += response[i] + "\n";
						}
					
						
						document.getElementById("Texto").value = conteudo;
						
					} else
						alert("status is " + request.status);
				}
			}
			


		</script>
	</head>

<body>
	<input type="button" value="Click Aqui" size="14" name="botao" onClick="getCustomerInfo();" />	

<input type="text">

	<textarea id="Texto" cols=20 rows=10>
	
	</textarea>

</body>

	
</html>

Neste exemplo ele esta indo solicitando a pagina “Uf.php”, que retorna algo como SP|RJ|MG|SC|.... bem simples.
e através do javaScript é feito um split pelo delimitador utilizado “|”.
ai é só utilizar da maneira mais adequada.

P

Valew

V

Fututami, gostei do exemplo, mas teria um tutorial para ele?

tks.

D

tutorial da Mozilla:
http://developer.mozilla.org/pt/docs/AJAX:Como_come%C3%A7ar

Bem simples e explicativo.

O

2 frameworks que são interessantes:

http://script.aculo.us/

Feito em cima do prototype, tem uma lista de exemplos bem legal.

http://dojotoolkit.org/

Esse framework faz de tudo (tudo mesmo), mas se mal usado o micro do usuário vira uma baita carroça.

abraços,

otávio

Criado 22 de janeiro de 2007
Ultima resposta 22 de jan. de 2007
Respostas 9
Participantes 7