WoNHommer
24-01-2009, 12:53 AM
Bom, é isso aí que diz no título... Já se foi o tempo em que cada clique que você da em um site lança vc para outra página. Chega de intermináveis carregamentos para cada clique! A final, a internet é feita para ser ágil, certo?
Para isso algum cara resolveu inventar de usar o javascript para evitar que vc tenha que carregar toda a pagina denovo para mudar o conteúdo.
E como o pessoal adora dar nome as coisas, isso foi nomeado de Ajax.
O que é Ajax?
Antigamente, os navegadores não tinham condições suficientes para determinar o que fazer em cada situação, em cada ação do usuário em um site. Hoje em dia, isso mudou. Hoje os navegadores já tem a possibilidade de decidir o que fazer com ações do usuário, sem ter que enviar dados ao servidor, esperar a resposta, e atualizar a página inteira novamente para ver o resultado. Soluções foram criadas para que isso tudo não seja executado sempre, mas apenas quando realmente é preciso. É exatamente isso que o Ajax faz.
Vocês tem um exemplo disso aqui mesmo no CCV! Percebam que ao clicar em "Pesquisar", no menu horizontal, lá emcima, a página inteira não é recarregada, apenas aparece um menu com as opções de pesquisa, na mesma página, sem enviar informação alguma ao servidor! O mesmo acontece com "Links Rápidos". Calma! Não vai tentar no Sair, senão vc vai deslogar da sua conta!
Ajax no novo layout do MercadoMMO??
É exatamente isso que eu estou fazendo, no MercadoMMO, no novo layout.
Vejam um preview aqui:
http://201.52.44.251:8080/ <- perceba que ao clicar em "Registrar", nenhum dado é enviado ao servidor, e temos até mesmo uma animaçãozinha, feita completamente com javascript, sem nenhuma imagem/flash (animação essa que deu um trabalho pra fazer... Bom, agora eu ja dominei o javascript quase na totalidade, e ainda aprendi um bom método pra fazer animações!). Com esse script, posso fazer qualquer popup desse tipo, com todos os atributos editáveis (borda, altura, largura, posso por sombra e etc) com qualquer código HTML dentro, e que abre diretamente na página, sem recarrega-la. Isso não seria possível sem a ajuda do javascript, que é executado pelo navegador, e não pelo servidor.
Aprenda com um exemplo prático!
Olhando para o código fonte do site, veremos que a div que você ve quando clica no "Registrar" já está criada, mas está invisível, pois o atributo "visibility" do CSS dela está setado como "hidden". Desse jeito, a div está lá, mas não ocupa espaço nenhum e nem está visível, graças ao atributo "visibility". O que o javascript faz, em termos gerais, ignorando a animação, é setar a "visibility" como "visible", sem ter que recarregar a página inteira.
Tente olhar o código javascript usado para fazer isso, é um bom jeito de aprender! Não vou passar o link do arquivo do script aqui. Caso não consiga descobri-lo apenas olhando o código fonte da página, então você ainda não domina HTML o suficiente para aprender javascript.
Para isso algum cara resolveu inventar de usar o javascript para evitar que vc tenha que carregar toda a pagina denovo para mudar o conteúdo.
E como o pessoal adora dar nome as coisas, isso foi nomeado de Ajax.
O que é Ajax?
Antigamente, os navegadores não tinham condições suficientes para determinar o que fazer em cada situação, em cada ação do usuário em um site. Hoje em dia, isso mudou. Hoje os navegadores já tem a possibilidade de decidir o que fazer com ações do usuário, sem ter que enviar dados ao servidor, esperar a resposta, e atualizar a página inteira novamente para ver o resultado. Soluções foram criadas para que isso tudo não seja executado sempre, mas apenas quando realmente é preciso. É exatamente isso que o Ajax faz.
Vocês tem um exemplo disso aqui mesmo no CCV! Percebam que ao clicar em "Pesquisar", no menu horizontal, lá emcima, a página inteira não é recarregada, apenas aparece um menu com as opções de pesquisa, na mesma página, sem enviar informação alguma ao servidor! O mesmo acontece com "Links Rápidos". Calma! Não vai tentar no Sair, senão vc vai deslogar da sua conta!
Ajax no novo layout do MercadoMMO??
É exatamente isso que eu estou fazendo, no MercadoMMO, no novo layout.
Vejam um preview aqui:
http://201.52.44.251:8080/ <- perceba que ao clicar em "Registrar", nenhum dado é enviado ao servidor, e temos até mesmo uma animaçãozinha, feita completamente com javascript, sem nenhuma imagem/flash (animação essa que deu um trabalho pra fazer... Bom, agora eu ja dominei o javascript quase na totalidade, e ainda aprendi um bom método pra fazer animações!). Com esse script, posso fazer qualquer popup desse tipo, com todos os atributos editáveis (borda, altura, largura, posso por sombra e etc) com qualquer código HTML dentro, e que abre diretamente na página, sem recarrega-la. Isso não seria possível sem a ajuda do javascript, que é executado pelo navegador, e não pelo servidor.
Aprenda com um exemplo prático!
Olhando para o código fonte do site, veremos que a div que você ve quando clica no "Registrar" já está criada, mas está invisível, pois o atributo "visibility" do CSS dela está setado como "hidden". Desse jeito, a div está lá, mas não ocupa espaço nenhum e nem está visível, graças ao atributo "visibility". O que o javascript faz, em termos gerais, ignorando a animação, é setar a "visibility" como "visible", sem ter que recarregar a página inteira.
Tente olhar o código javascript usado para fazer isso, é um bom jeito de aprender! Não vou passar o link do arquivo do script aqui. Caso não consiga descobri-lo apenas olhando o código fonte da página, então você ainda não domina HTML o suficiente para aprender javascript.