0

Есть скрипт который отправляет данные через аякс. Но проблема что если нажать на кнопку 5 раз, то отправится 5 заявок. Как сделать чтобы только 1 отправлялась?

jQuery('#formsc').click('submit', function (e) {
  e.preventDefault();
  var name = jQuery('#name').val();
  var phone = jQuery('#phone').val();

  if (phone != '') {
    jQuery.ajax({
      type: "POST",
      url: "send/send.php",
      data: jQuery('form#formsc').serialize(),
      success: function (data) {
        window.location.href = "sucs.html";
        console.log('Ok, send!');
      },
      error: function () {
        console.log('Error. Not send.');
      }
    },);
  }
});

1
  • Нужно так чтоб из браузера отправил только 1 запрос? 10 янв 2022 в 7:46

2 ответа 2

0

1. Можете добавить флаг на странице, и обновлять при отправке формы, а также проверять перед отправкой, но стоит обновить страницу, и можно будет ещё раз отправить.

2. Убирать данные из формы, тогда пользователю придётся каждый раз прописывать.

3. Но вообще я и то, и то ограничение я обойду, надо просто делать проверку на стороне сервера, js у клиента, доверять нельзя!

5
  • А как лучше сделать проверку на сервере? 10 янв 2022 в 8:08
  • 1
    @ЕвгенийСафронов как вариант - пишете в таблицу бд, например, время запроса и сессию. При повторном проверяете, сколько прошло времени с момента последнего запроса у текущей сессии. Если ок, то разрешаем запрос, иначе - говорим об ошибке, мол 1 раз в 5 минут 10 янв 2022 в 8:14
  • @ЕвгенийСафронов лучше проверьте, есть ли такие данные в бд, если мы говорим о заявках в привычном понимании. Грубо говоря, если там указывается номер телефона, то заявки с этим же номером, не сохраняются
    – artemgh
    10 янв 2022 в 8:18
  • бд не использую, все идет напрямую в телеграм 10 янв 2022 в 10:48
  • @ЕвгенийСафронов тогда только вышеперечисленными способами
    – artemgh
    10 янв 2022 в 11:41
0

На фронте можно отключить кнопку пока выполняется запрос, к примеру:

jQuery('#formsc').click('submit', function (e) {
  e.preventDefault();
  var name = jQuery('#name').val();
  var phone = jQuery('#phone').val();

  if (phone != '') {
    this.disabled = true;
    jQuery.ajax({
      type: "POST",
      url: "send/send.php",
      data: jQuery('form#formsc').serialize(),
      success: function (data) {
        this.disabled = false;
        window.location.href = "sucs.html";
        console.log('Ok, send!');
      },
      error: function () {
        this.disabled = false;
        console.log('Error. Not send.');
      }
    },);
  }
});

После чего либо очистить форму либо перезагрузить страницу.

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.