pxz
@pxz
✔ Совет: Вам помогли? Отметьте ответы решением.

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

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

В общем, на сайте используется 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;
}
  • Вопрос задан
  • 2448 просмотров
Пригласить эксперта
Ответы на вопрос 1
@maxsolovev
Frontend-developer
Могу ошибаться, но может $('.content').load(url).success(function(data){}).done(function(data){})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы