Всплывающие уведомление javascript после которого выполнятся php. Как сделать?
Как сделать сделать типа такого
И как отследить нажатие кнопок? При нажатии должен выполнятся php скрипт.
Дополнительно:
Нехорошо изменять вопрос. Но вот обновлённый ответ:
window.confirm()
Использование:
const isUserOk = window.confirm("Вы уверены?"); if (isUserOk) { // нажал ОК fetch('https://example.com/api/ok.php'); } else { // нажал Отмена fetch('https://example.com/api/cancel.php'); } |
const isUserOk = window.confirm("Вы уверены?"); if (isUserOk) { // нажал ОК fetch('https://example.com/api/ok.php'); } else { // нажал Отмена fetch('https://example.com/api/cancel.php'); }
Старый ответ:
window.prompt()
- я немного не то имел ввиду. Сейчас изменю вопрос
- RimmaKur, обновил ответ. Впредь не нарушайте Правила сайта и сразу формулируйте вопрос верно.
- а как к кнопке <input type='submit'> привязать?
Ответы:
Вопрос несколько туманный, на самом деле. PHP скрипты, как известно, выполняются только на сервере, посему есть 2 пути - 1. по клику "ок" выполнить с клиента запрос через XMLHttpRequest (он же ajax или fetch) на нужный php скрипт, который вернёт данные и обработать их на клиенте. 2. по клику "ок" просто редиректить юзера на урл с нужным скриптом, если он должен показать некую страницу. Редирект делается например через window.location.assign('url')
Ну а "модалка" делается через window.prompt() или рисуется отдельный HTML элемент с кнопкой, клик по которой и будет обработан
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Для создания всплывающего уведомления с использованием JavaScript, после которого будет выполняться PHP код, вам потребуется использовать AJAX запрос. Ниже приведен пример кода, который демонстрирует эту функциональность:
```html
function showNotification() {
alert("This is a popup notification!");
$.ajax({
type: "POST",
url: "process.php",
data: { message: "Notification shown" },
success: function(response) {
console.log(response);
}
});
}
```
Здесь при нажатии на кнопку "Show Notification" сначала показывается всплывающее уведомление с помощью функции `alert()`, а затем отправляется AJAX запрос на сервер. PHP код, который будет обрабатывать этот запрос, может выглядеть следующим образом:
```php
```
Этот PHP код принимает POST параметр `message`, обрабатывает его (например, записывает в файл), и возвращает сообщение об успешной обработке.
Таким образом, после показа всплывающего уведомления на клиентской стороне, происходит отправка данных на сервер для дальнейшей обработки PHP кодом.
Для создания всплывающего уведомления JavaScript, которое будет выполняться перед выполнением PHP кода, вам потребуется использовать следующий подход:
1. Создайте HTML форму, в которой будет кнопка или другой элемент, по клику на который будет вызываться JavaScript функция для отображения всплывающего уведомления.
2. Напишите JavaScript функцию, которая будет вызываться при клике на элемент формы и будет показывать всплывающее уведомление с помощью `alert()` или других методов для создания всплывающих окон.
3. После того, как пользователь увидит уведомление и нажмет "ОК", можно выполнить PHP код, обрабатывающий данные из формы или выполняющий другие действия.
Пример кода:
<button>Submit</button> function showNotification() { alert("Thank you for submitting the form!"); // Тут можно добавить код для отправки данных на сервер или другие действия }<button>Submit</button> function showNotification() { alert("Thank you for submitting the form!"); // Тут можно добавить код для отправки данных на сервер или другие действия }
Это простой пример, который показывает всплывающее уведомление при отправке формы. Вы можете настроить функцию `showNotification()` для выполнения более сложных действий или использовать другие методы для создания всплывающих уведомлений. Не забудьте добавить дополнительные проверки данных и защиту от XSS атак перед выполнением PHP кода.