Estou com um sistema que tem algumas coisas que se usa long polling, isso atrapalha tudo, qualquer botão que você clica (que faz uma requisição Ajax) vai demorar porque tem o long polling executando.
O Ajax por padrão cria uma fila de requisições, quero que as requisições sejam executadas ao mesmo tempo, em paralelo.
Por exemplo:
Estou eu mexendo no site, enquanto isso, eu mantenho uma requisição Ajax que segura o servidor por 20seg.
Se eu clico em qualquer coisa ou até mesmo vou para outra página, tenho que esperar essa requisição de 20seg acabar.
Quero que dê para fazer diversas requisições ao mesmo tempo, igual o facebook. Alguém conhece alguma técnica? Alguma referência? Ouvi falar do when, mas não é isso que preciso.
Ajax para o long polling
getNotifications();
function getNotifications(lastRequest){
if(!lastRequest){
lastRequest = Math.round(+new Date()/1000);
}
$.ajax({
url: "/ajax/get_notifications.php?last_request=" + lastRequest,
type: "GET",
async: true,
success: function(data){
data = $.parseJSON(data);
if(data['exist_news'] == true){
document.getElementById('notifications').insertAdjacentHTML('afterbegin', data['news']);
var howMuchElement = document.getElementById('howMuchNotifications');
var howMuch = parseInt(howMuchElement.innerHTML);
var curHowMuch = data['howMuch'] + howMuch;
howMuchElement.innerHTML = curHowMuch;
}
getNotifications(data['last_request']);
},
error: function(error){
showMsg(error['error']);
}
});
}
OBS: Não tem nem um problema com o long polling.
Um exemplo de requisição que tenho
function loadModal(modalPage, modalBox, button){
$.ajax({
url: "/modals/" + modalPage,
async: true,
success: function(data){
$("#" + modalBox + " .modal-body").html(data);
button.removeAttribute("onclick");
},
beforeSend: function(){
$("#" + modalBox + " .modal-body").html("<img src='/images/loading.gif'> Carregando...");
},
error: function(){
$("#" + modalBox + " .modal-body").html("Ocorreu uma erro!");
}
});
}
async: true