Прервать выполнение ajax запроса

200
Алексей,
Прервать выполнение ajax запроса
Прервать выполнение ajax запроса

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

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

Поэтому перед каждым новым запросом стоит отменять предыдущий. Пример кода ниже.

var ajaxObj = {};
$('[data-tab-btn]').on('click', function (e) {
	if (typeof ajaxObj.abort !== "undefined") {
		ajaxObj.abort();
	}
	ajaxObj = $.ajax({
		type: "POST",
		url: ".",
		data: 'param=value',
		success: function(result){
			console.log(result);
		}
	});
});

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 5 декабря 2022
js, ajax, оптимизация
Поделиться
Комментарии
Авторизуйтесь чтобы получать уведомления об ответе
Например при переключении вкладок, часть контента подгружается ajax`ом. И если быстро тыкать по вкладкам, это создаст множество асинхронных запросов и, помимо долгой загрузки, результат может быть неожиданный.