nelson corrêa viana júnior

Agosto 4, 2007

Atualizando dados instantâneamente

Arquivado em: javascript, programação — nel @ 21:32:38

No nosso caso iremos precisar do prototype.

Uma observação:
- Caso o javascript do browser estiver desabilitado esta função não funcionara. (meio difícil isso hoje em dia)

new PeriodicalExecuter(function(fr) {
	var ajax = ajaxRequest();

	/*
	no arquivo.ext você usa a linguagem que preferir (php, cgi, asp, coldfusion..)
	porém dentro do arquivo você tera que imprimir na tela (echo, response.write, print...)
	*/

	ajax.open('GET' , 'arquivo.ext', true);
	ajax.onreadystatechange = function() {
		if(ajax.readyState == 1) {
			response("Atualizando...");
		}
		if(ajax.readyState == 4) {
			if (ajax.status == 200) {

				//no 'id' abaixo você colocara o id aonde receberá o resultado
				$('id').innerHTML = ajax.responseText;

			}
		}
	}
	ajax.send(null);
}, 1);

//este 1 é o tempo de atualização (em segundos)

3 Comentários »

  1. Me parece que entendi o conceito, mas Nelson você poderia ser mais didatico né, por que o
    meu codigo deu um erro e estou demorando para resolver usando sua dica. Nem todo mundo sabe
    como vc. Vamos ver se vou conseguir fazer funcionar. Um abraço.

    Comentário por Nestor — Outubro 12, 2007 @ 20:24:22

  2. Nestor, uhm. Realmente eu ainda não estou muito bom em questão de didática, sempre que posso tento ser o mais claro possível. E sem contar que o editor do wordpress “arregaça” os códigos.

    Uma observação, Nestor: altere as aspas e aspas duplas.. como eu já disse o wp modifica algumas coisas. Quando der eu edito esse post. Quiser dar dicas, fique a vontade.

    []s

    Comentário por nel — Outubro 15, 2007 @ 7:34:29

  3. Valeu, funcionou e ficou ótimo! Muito obrigado mesmo!

    Comentário por Nestor — Novembro 17, 2007 @ 12:20:19


Feed RSS dos comentários deste post URI do TrackBack

Deixe um comentário

Blog no WordPress.com.