javascript — PHP и диалоговые окна для передачи запроса

У меня есть запросы MySQL, которые генерируют списки, которые на самом деле являются ссылками на другие сценарии PHP, такие как удаление записи и т. Д., И выглядят так:

<a href="delete_record.php?id=1">Title A</a></br>
<a href="delete_record.php?id=2">Title B</a></br>
<a href="delete_record.php?id=3">Title C</a></br>
...
<a href="delete_record.php?id=xyz">Title n</a></br>

Что я хочу сделать, это открыть «диалоговое окно» и подтвердить или отменить запрос, когда кто-то использует ссылку.

Я знаю, что я могу сделать это с помощью jQuery с помощью OnClick, но я понятия не имею, как после того, как кто-то нажимает «Подтвердить», чтобы передать запрос сценарию delete_record.php или любому другому сценарию php.

3

Решение

Вы можете использовать функцию JavaScript подтвердить () как ниже.

<a href="delete_record.php?id=1" onclick="return confirm('Are you sure?')" >Title A</a></br>
<a href="delete_record.php?id=2" onclick="return confirm('Are you sure?')" >Title B</a></br>
<a href="delete_record.php?id=3" onclick="return confirm('Are you sure?')">Title C</a></br>
...
<a href="delete_record.php?id=xyz" onclick="return confirm('Are you sure?')">Title n</a></br>
2

Другие решения

Если вы не хотите использовать библиотеку для этого, вы можете сохранить идентификатор записи в качестве легкодоступного атрибута элемента. Ваш сгенерированный HTML будет выглядеть примерно так:

<a data-id="1" href="delete_record.php?id=1">Title A</a></br>
<a data-id="2" href="delete_record.php?id=2">Title B</a></br>
<a data-id="3" href="delete_record.php?id=3">Title C</a></br>
...
<a data-id="xyz" href="delete_record.php?id=xyz">Title n</a></br>

Затем привяжите к обработчику события click тега и получите доступ к идентификатору из атрибута data-id элемента и обновите URL-адрес, который отображается пользователю, через кнопку подтверждения в модальном режиме.

2

  • Привязка события клика по тегу привязки через JavaScript.
  • В функции обратного вызова события вы получите объект события в качестве аргумента.
  • Вызовите метод event.preventDefault (). Это заблокирует поведение по умолчанию щелчка якоря.
  • Получите значение href и сохраните его в переменной (url) внутри функции обратного вызова.
  • Откройте всплывающее окно, в котором будет кнопка подтверждения и отмены.
  • При подтверждении нажмите, замените текущий URL окна. window.location.href = url.
  • При отмене нажмите, закройте всплывающее окно.
1
По вопросам рекламы ammmcru@yandex.ru
Adblock
detector