No momento tenho alguns banners que são carregados via ajax, e cada um faz uma requisição para carregar o html. Agora estou tentando dar uma otimizada nesses processos e resolvi fazer uma única requisição para carregar quantos banners estiverem disponíveis na página.
Basicamente eu tenho uma div com o tamanho do banner, e pelo javascript eu faço um loop em busca destes elementos e passo como argumento pelo ajax para fazer a requisição.
var tamanho = new Array
$('.banners').each(function( i )
{
tamanho[ i ] = $(this).attr('tamanho')
})
$.ajax({ ... })
Até aqui funciona. Passo os tamanhos e recebo o resultado com um json tipo: {"json":{"tamanhoA":["banner"],"tamanhoB":["banner","banner"]}}
. Nesse exemplo o tamanhoA é um único banner e tamanhoB são 2 banners.
O problema é a hora de exibir os banners nos devidos lugares. Para isso eu preciso repetir o loop igual ao de cima para pegar as divs e mais um loop no resultado para pegar a posição no array.
Queria saber se há alguma solução mais simples para esse caso sem precisar repetir todos esses loops? Esse json foi o mais simples que encontrei para fazer funcionar, mas posso adaptar o resultado diante de ideias.