readystate.

28 views
Skip to first unread message

Jefferson Campos

unread,
Feb 10, 2012, 9:06:24 AM2/10/12
to ajax-...@googlegroups.com
Bom dia, galera.

Primeiramente, deixem-me fazer uma breve apresentação.

Entrei para o mundo da programação ano passado e praticamente já estou
trabalhando na área. Sou deficiente visual de nascença e fiquei
totalmente cego ha seis anos, em virtude de uma doença ocular chamada
glaucoma.

Meu principal objetivo no mundo da programação é conscientizar os
programadores que é possível se desenvolver um sistema bonito,
funcional, altamente desenvolvido, porém, acessível, tanto para
usuários como para outros desenvolvedores que o mantém. Quando falo em
acessível, não me refiro à questão financeira nem à técnica; mas sim,
garantir que qualquer pessoa possa usufruir de todos os recursos do
sistema.

Sei que muitos de vocês nem imaginavam que uma pessoa cega possa lidar
com o computador, muito menos que ela possa programar, mas lhes digo,
sim, é perfeitamente possível.

Bem, acho que já falei demais, vamos a minha dúvida, qualquer coisa
sobre o assunto acima, me coloco a disposição de todos para
esclarecimentos.

Meu problema é o seguinte:

Tenho em meu sistema uma função que realiza uma consulta mysql no
banco de dados, faz alguns cálculos no PHP, executa alguns scripts no
HTML e muitas outras coisas mais. Resumindo, essa função leva alguns
segundos ou até minutos para ser executada. Por isso, estou a procura
de um script no ajax que exibe uma mensagem de carregando, aguarde,
qualquer coisa que diga ao usuário que ele ainda está executando a
consulta e quando terminar, mostre os resultados.

Muitas vezes a barra de progresso do navegador já está carregada, mas
o resultado demora a aparecer.

Eu vi alguma coisa sobre essa readystate, mas não sei como usar isso.

Se alguém puder me dar um help, eu fico muito grato.

Forte abraço,

Jefferson Campos Beck
Porto Alegre/RS

Cristiano Santos Oliveira

unread,
Feb 10, 2012, 10:52:52 AM2/10/12
to ajax-...@googlegroups.com
Então Jefferson, nunca imaginei um cego desenvolvendo mas isso não vem ao caso :)....
é o seguinte você usa Jquery em seus projetos ?
Caso sim vou deixar uma função aqui e você vai entender facilmente, caso não vou deixar a função do mesmo jeito mas.. seria bom você dá uma olhada na api do jquery.

Segue a função:

function process(){
$('#id_da_div_load').show();
$.post("process.php", { 
name: "Cristiano", 
idade: "2" , 
dado: "zzz"
}, function(data) {
alert(data);
});
$('#id_da_div_load').hide();
}

OBS: eu utilizei o POST mas você pode usar GET .






--
----
Cristiano Santos de Oliveira
Desenvolvedor de Software
Cel. (71) 91794664
MSN:  cristi...@hotmail.com
Gmail: cristi...@gmail.com
Skype: cristiano.oliveir
Linux user # 495181
----------------------------------------------------------
"... não vemos o mundo com nossos olhos, mas com os conceitos que habitam nossa mente..."
Osame Kinouchi.

Jefferson Campos

unread,
Feb 10, 2012, 1:06:31 PM2/10/12
to ajax-...@googlegroups.com
Então, Cristiano.

Por acaso tu conheces algum artigo interessante sobre esse assunto que
tu possas me indicar?

Grato.

Em 10/02/12, Cristiano Santos Oliveira<cristi...@gmail.com> escreveu:

Leo Balter

unread,
Feb 10, 2012, 1:23:20 PM2/10/12
to ajax-...@googlegroups.com
Jefferson,

Dê uma olhada no site da MDN: https://developer.mozilla.org/en/DOM/document.readyState

Também pode ver o evento que indica mudança no readyState: https://developer.mozilla.org/en/DOM/document.onreadystatechange

Sei que o conteúdo na MDN é curto, mas vai direto ao assunto, o que não impede de você vir tirar mais dúvidas.

Outras coisas que podem ajudar, é através de alguns pontos. Você está utilizando alguma biblioteca para realizar as requisições ajax? O jQuery ajuda em retornos específicos para esse tipo de problema, mas nada impede de tentarmos o mesmo com javascript puro.

Abraços, Leo Balter

Cristiano Santos Oliveira

unread,
Feb 10, 2012, 1:32:46 PM2/10/12
to ajax-...@googlegroups.com
para resolver seu  problema dá uma olhada nesse tutorial, ele usa ajaxSart e ajaxStop do jquery.

Para uma introdução ao Jquery aqui é uma boa:

Jefferson Campos

unread,
Feb 15, 2012, 2:26:46 PM2/15/12
to ajax-brasil

Fala galera!

Consegui! Tá funcionando com ajax puro.

Valeu a todos pelas dicas, deu para pegar bastante coisa sobre
javascript, ajax e jquery.

Espero um dia poder ajudá-los tbm.

Forte abraço a todos,

Jefferson Campos Beck

Alex C. Souza

unread,
Feb 16, 2012, 5:58:05 AM2/16/12
to AJAX-BRASIL
Retirado e traduzido do site w3schools.

A propriedade readyState retorna o status do documento em questão.
Essa propriedade retorna um dos quatro valores:
uninitialized - Não iniciou o carregamento ainda.
loading - Carregando.
interactive - Carregou o suficiente e o usuário já pode interagir com
o ele (o documento).
complete - Completamente carregado.

Em inglês:
http://www.w3schools.com/jsref/prop_doc_readystate.asp

O Jquery é realmente uma mão na roda. Facilita a vida de montão, mas é
importante também conhecer o que é feito por traz de toda essa
facilidade. Saber javascript e como funcionam as requisições ajax pode
salvar sua vida e permitir que desenvolva coisas ainda mais
interessantes e específicas. Este site é uma excelente referência para
ajax, javascritp, html, css, jquery, xml e outras tecnologias. Pra
quem consegue ler e compreender inglês, compensa dar uma sacada.



On 15 fev, 16:26, Jefferson Campos <jefferson.camp...@gmail.com>
wrote:
> ---------- Forwarded message ----------
> From: Cristiano Santos Oliveira <cristianou...@gmail.com>
> Date: Fri, 10 Feb 2012 16:32:46 -0200
> Subject: Re: [ajax-brasil:2413] readystate.
> To: ajax-...@googlegroups.com
>
> para resolver seu  problema dá uma olhada nesse tutorial, ele usa ajaxSart
> e ajaxStop do jquery.http://www.phpavancado.net/node/379
>
> Para uma introdução ao Jquery aqui é uma boa:http://www.pttutoriais.com/123/introducao-ao-jquery
>
> Em 10 de fevereiro de 2012 16:06, Jefferson Campos <
> jefferson.camp...@gmail.com> escreveu:
>
> > Então, Cristiano.
>
> > Por acaso tu conheces algum artigo interessante sobre esse assunto que
> > tu possas me indicar?
>
> > Grato.
>
> > Em 10/02/12, Cristiano Santos Oliveira<cristianou...@gmail.com> escreveu:
> > > Então Jefferson, nunca imaginei um cego desenvolvendo mas isso não vem ao
> > > caso :)....
> > > é o seguinte você usa Jquery em seus projetos ?
> > > Caso sim vou deixar uma função aqui e você vai entender facilmente, caso
> > > não vou deixar a função do mesmo jeito mas.. seria bom você dá uma olhada
> > > na api do jquery.
>
> > > Segue a função:
>
> > > function process(){
> > > $('#id_da_div_load').show();
> > > $.post("process.php", {
> > > name: "Cristiano",
> > > idade: "2" ,
> > > dado: "zzz"
> > > }, function(data) {
> > > alert(data);
> > > });
> > > $('#id_da_div_load').hide();
> > > }
>
> > > OBS: eu utilizei o POST mas você pode usar GET .
>
> > > Em 10 de fevereiro de 2012 12:06, Jefferson Campos <
> > > jefferson.camp...@gmail.com> escreveu:
> > > MSN:  cristianou...@hotmail.com
> > > Gmail: cristianou...@gmail.com
> > > Skype: cristiano.oliveir
> > > Linux user # 495181
> > > ----------------------------------------------------------
> > > "... não vemos o mundo com nossos olhos, mas com os conceitos que habitam
> > > nossa mente..."
> > > Osame Kinouchi.
>
> > > --
> > > Revista PHP >http://www.revistaphp.com.br
> > > AJAX-BRASIL Google Groups
> > > E-mail  ajax-...@googlegroups.com
> > > Site:http://groups.google.com.br/group/ajax-brasil?hl=pt-BR
>
> > --
> > Revista PHP >http://www.revistaphp.com.br
> > AJAX-BRASIL Google Groups
> > E-mail  ajax-...@googlegroups.com
> > Site:http://groups.google.com.br/group/ajax-brasil?hl=pt-BR
>
> --
> ----
> Cristiano Santos de Oliveira
> Desenvolvedor de Software
> Cel. (71) 91794664
> MSN:  cristianou...@hotmail.com
> Gmail: cristianou...@gmail.com

Leo Balter

unread,
Feb 17, 2012, 7:59:23 AM2/17/12
to ajax-...@googlegroups.com
Alex,

só tenha cuidado com o w3schools, apesar de ele ter bastante coisa, ele tem muito conteúdo errado e não é muito flexível para aceitar sugestões e corrigir erros. Ele também não tem nenhuma relação com a W3C, apesar dos nomes próximos.

Há mais de um ano existe um site protestando, o w3fools, que aponta vários erros e defeitos que tinha no w3schools. Muitos foram corrigidos só após a popularidade do protesto, mas ainda existem outros, sem contar as atualizações com novidades estarem sempre sujeitas a novos erros.

Normalmente recomendo a MDN, que é em formato de wiki e tem grande colaboração, inclusive das pessoas mais importantes no mercado.
Reply all
Reply to author
Forward
0 new messages