gistfile1.js

//Aqui declaramos todas as variáveis que serão usadas
var requisicao = null,
	serverResponse = null,
	parsedData = null;

//esse callback (SIM, olha ele aí de novo) será chamado
//quando o evento 'onreadystatechange' for disparado

var meuCallback = function (data) {
	//um parâmetro 'data' é passado para o callback quando este é chamado
	//chamado duas vezes imprimindo o seguinte
	//1 4
	//4 4

	console.log(this.readyState, this.DONE);

	//a requisição tem 4 estados diferentes, mas
	//quando 'readyState' for igual a 'DONE'
	if (this.readyState === this.DONE) {
		console.log(this.response);
	}
}

window.onload = function () {
	//passamos uma função como callback para o 'onclick' do botão

	document.getElementById('button-ajax').onclick = function () {
		//requisicao é um novo objeto XMLHttpRequest ()
		requisicao = new XMLHttpRequest();

		//olha o nosso callback aí...
		requisicao.onreadystatechange = meuCallback;

		//o método open 'abre' a requisição. Três parâmetros são passados
		//'GET', que é o tipo de requisição, 
		//a url para onde será feita a requisição
		//e o parâmetro async, que vamos passar como false e abordá-lo
		//num outro momento
		requisicao.open('GET', 'ajax-sem-jquery-backend.php', false);

		//'send' é o método responsável por enviar dados para o servidor
		//No exemplo de hoje, vamos adquirir os dados, somente
		requisicao.send(null);
	}
}