como controlar em ajax o carregamento de várias páginas?

Olá pessoal,

Andei pesquisando e venho encontrado muito esse código abaixo:

ajax1.open("GET", url ,true);

ajax1.setRequestHeader("Cache-Control", "no-cache");

ajax1.setRequestHeader("Pragma", "no-cache");

ajax1.onreadystatechange = funcao

ajax1.send(null)

O problema é que desejo fazer um for onde vou carregar várias páginas, e cada página deverá exibir "carregando..." até acabar para girar para a p´roxima página do for.

Exemplo:

// criaria aqui um array contendo 10 páginas com parametros diferentes.

// aqui eu chamaria as 10 páginas para mostrar na tela o carregamento de cada uma.

for (i=0;i<10;i++){

 

 

ajax1.open("GET", url(i) ,true);

ajax1.setRequestHeader("Cache-Control", "no-cache");

ajax1.setRequestHeader("Pragma", "no-cache");

ajax1.onreadystatechange = funcao

ajax1.send(null)

div.innerHTML="carregando...";

 

}

só que aparentemente o For do javascript não espera, e roda todos os 10 itens, antes mesmo de carregar cada chamada de pagina.

supondo que cada página tivesse algo a ser executado, eu gostaria que aguardasse o término dessa execução para executar a próxima página e mostrasse na tela.

acho que expliquei bem.

quem puder me ajudar agradeço.

abraços.

alexandre