CategoryAJAX

Upload de arquivos e dados com ajax

Ajax não envia arquivos.
Ajax não envia arquivos.

Isso sempre foi verdade até a chegada de algumas APIs JavaScript junto com o html5.
Continue reading

Verificar se um arquivo de imagem existe – JavaScript

Dado um arquivo de imagem, como verificar se ele existe usando apenas javascript ?

Eu consegui pensar em pelo menos três formas de fazer isso.
Continue reading

Exemplo ajax lendo arquivo xml

Ler arquivo xml com ajax.. bem simples. Vamos lá

<?xml version="1.0" encoding="UTF-8"?>
<text>
	<p>Lorem ipsum dolor sit amet</p>
	<p>Nihil cumque vero</p>
	<p>Impedit quibusdam fuga</p>
	<p>Magnam ad maiores omnis</p>
	<p>Aliqua omnis laborum</p>
</text>

Continue reading

window.history.pushState javascript – trocando a URL usando api html5 em páginas carregadas com ajax

Bem simples, só editei o trecho que era necessário para enviar um history.pushState, no final da requisição ajax, que carrega a página em uma div, sem dar refresh no restante do site.

http://wbruno.com.br/2011/05/27/navegacao-sem-refresh-%E2%80%93-carregando-conteudo-ajax-em-div-2

$.ajax({
	url: href,
	success: function( response ){
		//forçando o parser
		var response = $( '<div>'+response+'</div>' );
				
		var data = response.find('#content').html();

		//apenas atrasando a troca, para mostrarmos o loading
		window.setTimeout( function(){
			content.fadeOut('slow', function(){
				content.html( data ).fadeIn();
							
				var title = response.find('title').text();
				window.history.pushState( href, title, href );
				document.title = title;
			});
		}, 500 );
	}
});

Notem a linha:

window.history.pushState( href, response.find('title'), href );

É essa nova função que veio junto com o HTML5, que faz toda a mágica.
Browsers antigos não implementam esse método.

Agora podemos parar de forçar a barra usando o document.location.hash, como nessa implementação aqui:
http://wbruno.com.br/2011/11/25/carregando-conteudo-ajax-trocando-url-jquery/

Demonstração

É isso. Dúvidas ? pergunte, comente!

Enviar formulário para o php sem refresh – jQuery.ajax

Eu havia postado, como enviar um formulário com ajax, aproveitando o callback submitHandler do jQuery.validate.

Porém, se vc não estiver usando esse plugin, e quiser apenas usar o ajax do jQuery, o seguinte basta:
Continue reading