0

Всем привет, есть вообщем ссылка:

<a href="http://google.ru" onclick="return myFunc('123', 'abx')">Click</a>

Есть функция в javascript:

var myFunc = function() { 
   $.ajax({
                            type: "POST",
                            url: "",
                            data: {
                                id: id,
                                updated_at: updated_at
                            },
                            success: function (result) {
                                if(result == 'ok') {
                                    return true;
                                } else {
                                    alert('error');
                                    return false;
                                }
                            }
                    });
}

Мне нужно отменить нажатие ссылки, если ajax вернул alert('error').
return false не помогает. Что можно в этом случае сделать?

4
  • В блоке if (result == 'ok') либо осуществлять непосредственно переход на google.ru, либо триггерить клик по ссылке (а чтобы это не зациклилось, использовать флаг).
    – Regent
    30 мар 2018 в 7:16
  • @Regent мне нужно, чтобы ссылка оставалась такой какая она есть и человек мог ее открывать в другой вкладке или просто, нужно просто отменить эвент, а как это сделать, хз
    – Kexer
    30 мар 2018 в 7:18
  • Вы решение принимает асинхронно, так что это ни разу не "просто". Вам в любом случае придётся блокировать первое событие клика и в случае успеха Ajax-запроса либо генерировать второе, либо просто выполнять нужное действие.
    – Regent
    30 мар 2018 в 7:20
  • Можно, конечно, сделать синхронный Ajax-запрос, но за такое стоит расстреливать. А return в функции success будет бесполезен от слова "полностью".
    – Regent
    30 мар 2018 в 7:22

1 ответ 1

0

Так как решение принимается асинхронно, то придётся блокировать первый запрос и в случае успеха Ajax-запроса генерировать второй или переходить по URL-у с помощью JS.

Пример реализации с генерацией второго события и использованием флага:

var $link = $("a");
var clickIsConfirmed = false;
var result = 0; //для примера

$link.on("click", function() {
  if (!clickIsConfirmed) {
    $.ajax({
      url: "",
      error: function() { //для примера
        result++; //для примера
        if (result == 2) { //для примера
          clickIsConfirmed = true;
          $link[0].click();
        }
      }
    });
    return false;
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="">Click</a>

Пример реализации с переходом с помощью JS:

var $link = $("a");
var result = 0; //для примера

$link.on("click", function() {
  $.ajax({
    type: "POST",
    url: "",
    error: function() { //для примера
      result++; //для примера
      if (result == 2) { //для примера
        window.location.href = $link.attr("href");
      }
    }
  });
  return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://google.ru">Click</a>

2
  • это не то вообще, у меня совсем иной пример...
    – Kexer
    30 мар 2018 в 9:56
  • @Kexer чем ваш пример отличается от моего?
    – Regent
    2 апр 2018 в 6:25

Ваш ответ

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

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