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

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