CTAPbIu_MABP's BLOG

Продолжая серию бесполезных советов, предлагаю посчитать сколько в конкретный момент у нас открытых соединений.

Это может пригодиться в вашем мега-крутом мега-приложении, когда вы показываете строббер (индикатор загрузки), чтобы пользователь не мучился в догадках сколько же ему ждать можно выводить счетчик оставшихся запросов.

Бэк-энд эмулирующий долгий запрос.

$time = rand(3,7);
sleep($time);
echo json_encode(array("status"=>"ok", "time"=>$time));

Фронт-энд

jQuery(document).ready(function($){
	var ajax = [];
	$("#loader")
		.ajaxSend(function(event, XMLHttpRequest, ajaxOptions){
			ajax.push(XMLHttpRequest);
			$(this).find("span").text(ajax.length);
			$(this).show();
		})
		.ajaxComplete(function(event, XMLHttpRequest, ajaxOptions){
			var index = ajax.indexOf(XMLHttpRequest);
			ajax.splice(index, 1);
			$(this).find("span").text(ajax.length);
			if (ajax.length == 0){
				$(this).hide();
			}
		});

	$("#click").click(function(){
		$.ajax({
			url : "/content/polygon/ajax_rand.php",
			dataType : "json",
			success : function(data){
				$("#logger").append("<div>time elapsed : "+data.time+"</div>");
			}
		});
	});
});

Результат