Как реализовать логику jQuery.load() c помощью нативного XHR или jQuery.ajax()?

Question

[Златослав Десятников]

Доброго времени суток!

В общем, на сайте используется ajax-навигация простеньким образом: в div.content грузится содержимое div.content из других файлов.

Потребовалось сделать прогресс-бар загрузки страницы, а у jQuery.load() нет коллбэка вроде onprogress.
Подскажите, пожалуйста, как решить задачу с минимальной затратой времени.

// NAVIGATE
function goto(url) {

	if ($(".content").size() < 1) {
		document.location.href = url;
	} else {

		// Load content
		$('.content').load(url + ' .content >', function() {
			drawPage(url);
		});

		// Load and refresh title
		$('#title').load(url + ' title', function() {
			document.title = $(this).text();
		});

		// Add to history
		stateObj.url = url;
		history.pushState(stateObj, $('#title').text(), stateObj.url);

		// Scroll to top
		$.each(topPages, function(index, val) {
			if (url.indexOf(val) != -1) {
				$('body,html').scrollTop(0);
				return false;
			}
		});

		pageTimer++;
		globalSort = 0;
	}
	return false;
}

Answer 1

[Максим Соловьёв]

Могу ошибаться, но может $('.content').load(url).success(function(data){}).done(function(data){})