Posts em ‘AJAX’

Upload dinâmico com PHP/jQuery

Postado em AJAX, JQuery, PHP em 19/06/2010 por Rafael – 37 Comentários

Olá pessoal, tudo certo? Várias pessoas me perguntam como fazer upload de arquivos com ajax e hoje pretendo apresentar uma solução para isso. Na verdade, não se trata de um upload com ajax, mas sim um upload dinâmico, porém para um usuário comum isso é indiferente.

A solução é simples e conhecida: fazer um iframe contendo um campo do tipo file, fazemos o envio desse arquivo dentro do iframe e então com a ajuda do jQuery recuperamos as informações desse arquivo e trazemos para a página pai. Nesse artigo irei utilizar anexo de arquivos como exemplo.

Confira o resultado final

Carregamento dinâmico de registros com PHP/JQuery/AJAX

Postado em AJAX, JQuery, PHP em 30/05/2010 por Rafael – 13 Comentários

Olá pessoal, tudo certo? O artigo de hoje foi baseado em uma sugestão que achei interessante. Trata-se de um carregamento dinâmico de registros, assim como no twitter que, em nossa home, quando clicado em “more” ele nos traz mais tweets. Outro exemplo é o formspring.me que quando clicado em “more” ele nos traz mais perguntas. No nosso caso, iremos utilizar frases como exemplo.

Confira o resultado final, clicando aqui.

Sistema de votação simples com PHP/JQuery/AJAX

Postado em AJAX, JQuery, PHP em 11/02/2010 por Rafael – 21 Comentários

Olá pessoal, hoje vamos montar um sistema de votação bem simples. Irei utilizar como exemplo uma página com algumas frases e o usuário poderá escolher o que ele achou da frase: bom ou ruim. Tudo isso sem refresh na página, claro. Vamos lá?

Veja o resultado final aqui

Atualizar DIV de segundos em segundos com PHP/XAJAX

Postado em AJAX, Javascript, PHP em 20/07/2009 por Rafael – 25 Comentários

Olá pessoal. Farei esse artigo a pedido de uma sugestão e também por ser um assunto bem interessante e interativo. Veremos como atualizar um div de segundos em segundos, ou seja, a cada N segundos iremos colocar um valor em uma DIV. Bom, vamos lá.

Clique aqui para ver o projeto pronto

Desenvolvimento interativo com o Framework XAJAX

Postado em AJAX em 04/04/2009 por Rafael – 9 Comentários

Fala pessoal, hoje estou aqui para mais um artigo de AJAX. Vou apresentar a vocês um framework para facilitar a criação de sistemas interativos, o XAJAX. Talvez, você já tenha visto os artigos: Consulta interativa sem refresh com AJAX e Validação de campos sem refresh com AJAX, nesses artigos nós fizemos tudo manualmente, a criação de cada arquivo. Vamos conhecer agora o XAJAX.

Clique aqui para ver o resultado final do exemplo

Consulta interativa sem refresh com AJAX

Postado em AJAX, Javascript, PHP em 13/02/2009 por Rafael – 45 Comentários

Fala pessoal, como o artigo de AJAX vem sendo muito acessado, resolvi fazer outro. Nesse artigo nós iremos aprender como fazer consultas no banco de dados sem a necessidade de refresh na página. Irei utilizar como exemplo, um simples “sistema de noticias”, onde cadastraremos noticias no banco de dados e através de um formulário faremos a busca de uma determinada noticia e exibiremos seu conteudo. Vamos lá!

[Sistema] Calculadora desenvolvida em AJAX/PHP

Postado em AJAX, PHP em 31/01/2009 por Rafael – Seja o primeira a comentar

Procurando explorar um pouco do AJAX/PHP/Javascript, eu desenvolvi uma calculadora simples mas que pode vim a ser útil algum momento. Nada mais que contas que são realizadas pelo próprio PHP. Essa calculadora pode fazer calculos simples como adição, subtração, multiplicação e divisão, até algumas expressões. Além disso com ela é possível calcular fatorial, exponenciação e porcentagem. Talvez nas horas vagas eu venha adicionando mais funcinalidades a ela.

Calculadora
http://faael.net/sistemas/calculadora/

Validação de campos sem refresh com AJAX

Postado em AJAX, Javascript, PHP em 19/01/2009 por Rafael – 57 Comentários

Nesse artigo iremos desenvolver um formulário da qual o usuário deverá preencher com seus dados, e quando ele tirar o foco do campo iremos verificar se o que foi digitado tem relação com o que o campo pede. Tudo isso será feito com a tecnologia AJAX, que nos permite fazer requisições com o servidor sem a necessidade de atualizar a página. Os arquivos utilizados aqui estão disponíveis para download no final do artigo.