Всем привет. У меня на странице имеется форма фильтрации. К примеру: выбор района, выбор метро и т.д. Дабы не нагружать страницу лишними запросами в базу данных, я решил выгружать районы и станции метро по клику на тот или иной элемент.
$(document).on('click','.inner-dropdown-title',function(){
var elem = $(this).data('name');
$('#'+elem).addClass('loading');
$.ajax({
url: '/wp-admin/admin-ajax.php',
type: "POST",
data: ({
action: "district_filter",
}),
success: function(m) {
$('#'+elem).removeClass('loading');
$('#'+elem+'_list').html(m);
$('#'+elem).addClass('open');
}
})
});
У меня получается что при клике на элемент, посылается запрос на сервер, ответом приходят все районы которые есть в базе данных, выпадающим списком(в виде input'ов). Пользователь выбирает нужные районы, кликает мимо выпадающего списка и он(список) закрывается. Если он еще раз нажмет на этот же элемент - запрос отправится снова и все input'ы перезапишутся. Как сделать так что бы Ajax запрос, посылался только один раз и input'ы не перезаписывались?
Получается что - мне необходимо. После загрузки страницы, по нажатию пользователем элемента, шел ajax запрос, последующие нажатия этого же элемента(без перезагрузки страницы), не выполняли запрос на сервер, а отдавали результат первого запроса. Весь прям запутался((( Надеюсь моя мысль ясна... Заранее спасибо за ответ.
