Срабатывает ajax 3 раза?

Question

[Андрей]

Добрый день!
Есть скрипт на js и jquery, точнее ajax запрос, но он срабатывает чего то 3 раза:

$(document).ready(function(){	
$('.my_basket_call').on('click', function(){
		var kolp = $(this).attr("data-offer-id");	
		var buy_id = $(this).attr('id');
		 var inputId = $(this).data('input');
		var newValue = $('#'+inputId).val(); //прибавили +1
		console.log(kolp);
		console.log(buy_id);
		console.log(newValue);
		$.ajax({
			url: 'request.php',
			type: 'POST',
			data: ({basket:buy_id, quinity: newValue,torg_p:kolp}),
			dataType: 'html',
			beforeSend: funcBuy,
			success: funcSuccessbuy
		});
	});
	
		function funcBuy() {
		
		}
		function funcSuccessbuy(data) {
			$('.show_basket').html(data);
		}	
});

Я не могу понять почему
(сайт на движке 1c bitrix)
Может кто знает в чем может быть проблема?

Comments

[Вадим Заражевский]

Можете прислать страницу сайта, где используется данный код?

[Андрей]

Вадим Заражевский: увы, нельзя

[Kovalsky]

Андрей: ну а каким образом вы думаете мы вам поможем? В приведённом вами коде не видно никаких особенностей в виду которых запрос мог бы отправляться больше одного раза. Скорее всего проблема в чем-то другом. Если детали задачи будут от нас скрыты, то ни о какой помощи речи не может быть.

[Андрей]

Никита Полевой: у меня сайт развернут на локальной машине,(vmbitrix)

[Kovalsky]

Андрей: в вашем коде из важных деталей я вижу только обработчик для click и отправку запроса. Конечно, может быть что проблема во вложенности элементов с классом .my_basket_call, но это звучит неправдоподобно. Или даже в том, что этот скрипт выполнен больше одного раза.

Ну как знаете, я не представляю как можно помочь в данной ситуации не имея больше никакой информации.

[Фёдор]

Попробуйте вместо объявления события

$('.my_basket_call').on('click', function(){
такую запись 
$('.my_basket_call').off('click').on('click', function(){

и в функции добавить деактивацию кнопки

$('.my_basket_call').on('click', function(){

var $context = $(this);
$context.prop( "disabled", true );

    var kolp = $(this).attr("data-offer-id");	
    var buy_id = $(this).attr('id');
     var inputId = $(this).data('input');
    var newValue = $('#'+inputId).val(); //прибавили +1
    console.log(kolp);
    console.log(buy_id);
    console.log(newValue);
    $.ajax({
      url: 'request.php',
      type: 'POST',
      data: ({basket:buy_id, quinity: newValue,torg_p:kolp}),
      dataType: 'html',
      beforeSend: funcBuy,
      success: function(){
$context.prop( "disabled", false );
$('.show_basket').html(data);
}
    });
  });

[Андрей]

Фёдор: срабатывает 1 раз,если использовать

$('.my_basket_call').off('click').on('click', function(){

но после него другие события не срабатывают

[Фёдор]

Андрей: так вы ведь и хотите чтоб не 3 раза. а 1 раз срабатывало?

[Андрей]

Фёдор: Я просто $('.my_basket_call')
несколько раз использую в разных вызовах

[qpPeW]

Андрей: содержание request.php в студию, возможно там 3 раза выводиться результат, потому 3 раза оно и выдает через ajax...

Answer 1

[Андрей]

Решил проблему по своему, подойдет для тех, кто работает на 1c bitrix:
просто где происходит повтор, добавляете этот код после ajax:
jsAjaxUtil.CloseLocalWaitWindow();

Answer 2

[Алексей Емельянов]

Этот код находится в компоненте? Может компонент три раза подключается на странице.

Comments

[Андрей]

Алексей Емельянов:
не, не в компоненте. Отдельно стоит кнопка в карточке товара

[Алексей Емельянов]

Андрей: ok, а где расположен этот код? Кнопка, случайно не находится в диве с тем же классом ".my_basket_call" ?

[Андрей]

Алексей Емельянов:сама кнопка

<button  class="btn btn-primary btn-lg my_basket_call" data-input="<? echo $arItemIDs['QUANTITY']; ?>" data-offer-id id="<?=$arItem['ID']?>" data-toggle="modal" data-target="#myModal">
					В корзину
				</button>

код ajax расположен в другом файле

Answer 3

[Вадим Дунькин]

проверь какие события повешены на этот элемент, может тупо три раза событие click повешено на элемент