Модальное подтверждение перед продолжением скрипта

Question

Я использую следующее событие нажатия, чтобы инициировать некоторые ajax вызовы, когда кнопка нажата на моей странице.

$('#products tbody').on( 'click', 'button', function () {
      $.ajax({
          some ajax actions... 
      });
};

Я хотел бы понять, как использовать модальный способ подтверждения для подтверждения выполнение сценария. Вот фиктивное представление того, чего я пытаюсь достичь.

$('#products tbody').on( 'click', 'button', function () {

      [[ Show confirmation modal ("do you want to continue?")
        if user clicks yes -> script continues
        if user clicks no -> script aborts ]]


      $.ajax({
          some ajax actions... 
      });
};

Если пользователь нажимает «да» в модальном режиме, сценарий продолжается, и выполняется вызов ajax Если пользователь нажимает » отменить "в модальном режиме, остальная часть сценария прерывается, и вызов ajax не выполняется.

Есть идеи о том, как это реализовать?

спасибо

Адам

Answer 1

Если вы упоминаете метод Window confirm() в качестве «модального подтверждения», это может дать некоторое представление:

$('#products tbody').on( 'click', 'button', function () {
      const approve = confirm("do you want to continue?");
      if (approve) {
        $.ajax({
          some ajax actions... 
        });
      }
});