Autor Tópico: [JS] Classe para Ajax  (Lida 761 vezes)

Offline d.martins

  • Enthusiast Member
  • *
  • Mensagens: 445
[JS] Classe para Ajax
« em: Julho 08, 2010, 18:56:07 »
Ora, neste tempo todo que andei afastado aqui do fórum andei a fazer coisas, coisas essas que me deram um resultado giro, uma classe para Ajax.

Para já, o que é uma classe? é basicamente ficheiros à parte que permitem executar funções, várias linguagens de programação têm esta possibilidade, e o JavaScript é uma delas, a baixo segue o código para a classe que tenho para o Ajax.

O que é o Ajax? é uma tecnica que combina JavaScript, HTML e CSS e serve para actualizar porções de páginas sem necessidade de actualizar a página toda.

Para esta classe precisam de ter os campos:
"id" - serve para enviar o um id para a página de onde está a informação a ser usada;
"campo" - serve para enviar o nome do campo que será actualizado (exemplo, uma div ou um td);
"pagina" - o endereço relativo da página onde está a informação a ser usada;

O que este código faz é simples, ao acciona-lo numa página (por exemplo com o evento OnClick) serão enviados os 3 dados acima descritos, que neste código faz o seguinte:
O if que tem o id = "" serve para não actualizar, como ao carregar a página não será enviado nenhum id o Ajax não fará nada;
Depois é criado um httpRequest que serve para ir buscar informação ao servidor;
É então criada a função para testar se o servidor está pronto;
O if a seguir serve, então, para actualizar o campo que enviamos atravéz da funcionalidade innerHTML e usando o xmlhttp.responseText;
Depois é aberta a página que queremos enviar para actualizar a página onde queremos executar;
Por fim usa-se o send para enviar a página para o xmlhttp.responseText.

Código:
Only registered users can see contents. Por favor You are not allowed to view links. Register or Login ou You are not allowed to view links. Register or Login.
Este código pode ser usado num ficheiro à parte ou então directamente na página onde queremos usar, eu pessoalmente recomendo o uso num ficheiro à parte para se poder usar rápidamente em várias páginas.

Pode ser accionado da maneira que desejarem e de acordo com as regras do JavaScript.
« Última modificação: Janeiro 01, 2011, 18:54:07 por ajpostiga »
You are not allowed to view links. Register or Login - A Vila mais bonita de Portugal na Internet;

XTechPT - Fórum de Informática e Novas Tecnologias com Vertente Generalista

[JS] Classe para Ajax
« em: Julho 08, 2010, 18:56:07 »

Offline diogomota

  • Distinguished Member
  • *
  • Mensagens: 735
  • Sexo: Masculino
Re: Classe para Ajax
« Responder #1 em: Julho 08, 2010, 22:15:57 »
bom trabalho !

nunca tive paciencia para adaptar os conhecimentos de javascript a AJAX :(

Offline Umbus

  • Eternal Poster
  • *
  • Mensagens: 4595
  • Sexo: Masculino
    • Email
Re: Classe para Ajax
« Responder #2 em: Julho 09, 2010, 01:56:01 »
Esta é a nova linguagem de programação que quero aprender, primeiramente quero fazer uma coisa facil em php, e posteriormente começar a solidificar com ajax e javascript. No tempo que estiveste fora, não perdeste mesmo tempo, e fizeste um optimo trabalho






Offline d.martins

  • Enthusiast Member
  • *
  • Mensagens: 445
Re: Classe para Ajax
« Responder #3 em: Julho 09, 2010, 20:02:37 »
Ajax não é uma linguagem de programação é uma conjugação de tecnicas existentes  ;D

E essa classe foi a menor dor de cabeça que tive.
You are not allowed to view links. Register or Login - A Vila mais bonita de Portugal na Internet;

Offline Umbus

  • Eternal Poster
  • *
  • Mensagens: 4595
  • Sexo: Masculino
    • Email
Re: Classe para Ajax
« Responder #4 em: Julho 09, 2010, 20:05:38 »
Exacto :). Mas quando falo em linguagem, considero ajax uma linguagem, embora saiba que seja a junção do javascript e xml ;)






XTechPT - Fórum de Informática e Novas Tecnologias com Vertente Generalista

Re: Classe para Ajax
« Responder #4 em: Julho 09, 2010, 20:05:38 »