Прервать выполнение 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);
		}
	});
});

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