Muito se falou (e se fala) por aí sobre Ajax. Há uns anos atrás isso era a sensação do momento. Programadores que trabalhavam com Ajax eram mais valorizados não pelas vantagens no uso do Ajax, mas pelo fato de ser “mais bonito”.
Depois de algum tempo começaram a aparecer algumas bibliotecas em Javascript que implementam Ajax de uma forma simples.
O primeiro nome que ouvi foi o do Prototype, mas só fui realmente trabalhar com uma biblioteca dessas algum tempo depois quando entrei pra Linux Solutions.
Meu primeiro encontro foi com o jQuery e tanto ele quanto eu ainda estavamos engatinhando no mundo do desenvolvimento. Nessa época eu era basicamente o desenvolvedor frontend da empresa. Eu só gostava de CSS, tinha medo do Javascript e estava cansado de escrever Html, e queria programar em Php.
Precisávamos trabalhar com um sistema sem recarregamento de páginas pelo fato de o mesmo fazer muitas requisições ao banco de dados em várias partes da interface, então seria bastante chato fazer no braço tendo em vista de todos os tutoriais da época só mostravam como fazer, mas não tinham uma descrição decente de como funcionava. Infelizmente, pra muitas empresas esse é o mercado hoje. Os gerentes só dizem “Faça! Deixe pra aprender depois!” e hoje temos vários profissionais que se você tirar o atalho do Internet Explorer do Desktop ele vai parar de trabalhar dizendo que a internet caiu. Assuntos polêmicos à parte, mas isso é bastante chato pois quem sabe como algo funciona pode questionar e adaptar a ferramenta ao trabalho.

Como funciona uma requisição Ajax?

O nome “Ajax” já não rola mais hoje em dia. Continuamos chamando de Ajax, mas pelo significado da sigla (Asynchronous Javascript and XML ou Javascript e Xml Assíncronos), não tem mais sentido. De qualquer modo, uma requisição Ajax funciona do seguinte modo:

Sua página inteira já foi carregada e, ao clicar num link ou fazer qualquer requisição, um usuário vê a página toda carregar novamente para a home do site sumir e aparecer um formulário de contato onde antes havia o texto inicial do site. Utilizando Ajax, você pode mandar o navegador carregar apenas o formulário de contato no lugar do texto inicial.
-Putz! Mas eu vou ter mais trabalho pra fazer isso!

Teoricamente sim, mas se a página tem uma ou mais partes do conteúdo que se repetem você pode trabalhar com os includes ou imports da sua linguagem de programação preferida e no fim ter menos trabalho. Em compensação à codificação extra, ao invés de o usuário carregar novamente a página inteira apenas a parte relevante. Com isso você ganha velocidade de carregamento na sua página e diminuição de carga na sua banda.
Web sites com Ajax se tornam mais fluidos e tem a sensação suave de carregamento de páginas. Imagine você utilizando seu sistema operacional e a cada janela que abrir, a tela ficar preta e só aparecer tudo de volta quando a janela se abrir? Seria medonho.
Mais informações:
http://www.w3schools.com/ajax/default.asp
http://en.wikipedia.org/wiki/Ajax_(programming)

Tentando voltar com o jejum de bastante tempo aqui no blog. Tentarei potar mais vezes, mas quanto mais o tempo passa, menos tempo me resta rs.

Hoje estava com um problema para fazer um relatório de um ERP que estou fazendo para a loja de material elétrico do meu pai. O problema é simples. Será feito um relatório de lançamentos financeiros com data inicial e data final, porém a data inicial não poderia ser maior que a data final. Óbvio.

O formulário é basicamente o seguinte:

<label for="data_inicial">Data Inicial</label>
	<input type="text" name="data_inicial" value="" id="data_inicial" readonly="readonly" />
<label for="data_final">Data Final</label>
	<input type="text" name="data_final" value="" id="data_final" readonly="readonly" />
<label>Tipo</label>
	<input type="radio" name="tipo" value="todos" />Todos
	<input type="radio" name="tipo" value="credito" />Crédito
	<input type="radio" name="tipo" value="debito" />Débito
<label for="descricao">Descrição</label>
	<input type="text" name="descricao" value="" id="descricao" />
<button name="" type="button" id="consultar_btn" >Consultar</button>

O necessário agora é pegar as datas e fazer a verificação. O Javascript tem um objeto chamado “Date” que nos permite fazer operações com datas. Ele é simples de se trabalhar, mas é preciso escrever um pouco de código.
O meu código abaixo é utilizando o JQuery, mas você pode fazer com Javascript puro se quiser.

$('#consultar_btn').click(function(){
	var dia_inicial = $('#data_inicial').val().slice(0, 2);
	var mes_inicial = $('#data_inicial').val().slice(3, 5);
	var ano_inicial = $('#data_inicial').val().slice(6, 10);
	var data_inicial = new Date(ano_inicial,mes_inicial,dia_inicial);
	var dia_final = $('#data_final').val().slice(0, 2);
	var mes_final = $('#data_final').val().slice(3, 5);
	var ano_final = $('#data_final').val().slice(6, 10);
	var data_final = new Date(ano_final,mes_final,dia_final);
	if(data_inicial > data_final){
		alert('A data inicial não pode ser superior à data final.');
	}
	else{
		//Faça aqui o que quiser =)
	}
});

O que fiz foi basicamente pegar todas as partes da data inicial e data final separados (dia, mês e ano).  Após isso, eu criei dois objetos do tipo Date. Como construtor, o objeto Date pode receber os parâmetros ano, mes e dia nessa mesma ordem. À partir desse momento eu pude fazer a comparação entre a data inicial e a data final. Simples assim.
Explicando o método slice:
O método “slice” literalmente corta uma string. Ele recebe dois parâmetros. O primeiro é onde você vai começar a cortar a string (sempre iniciando com zero) e o segundo é até onde vai cortar. O método vai retornar o pedaço da string que foi cortado. Faça alguns testes e se divirta =)

É isso aí pessoal. Até a próxima.