Что такое prompt в javascript как использовать?
Подробно о prompt в javascript
- Что такое prompt в javascript!?
- Вызвать prompt по нажатию на кнопку.
- Передать из prompt в php(get).
- Передать из prompt в php(post).
- Передать из prompt в php(post(jquery)).
Что такое prompt в javascript!?
В javascript есть несколько типов окон, которые вызываются в браузере, об одном таком окне мы уже рассказывали(alert).
prompt в javascript - это окно с полем ввода!?
Для данного поля есть несколько вопросов, которые сразу возникают:
Как вывести поле ввода prompt на экран?
И как получить данные из поля prompt, на например в тот же alert
Как вывести поле ввода prompt на экран?
Наверное... давайте выведем поле "prompt" Прямо при загрузке страницы!
Если вы примерно не представляете, что такое get, то с помощью данной функции сделаем прямо здесь новую пустую страницу! Этот пример равносилен запуску "prompt" при загрузке страницы.
Код такого простого примера prompt:
<script>
let firstName = prompt("Как Вас зовут?");
if(firstName)
{
alert("Добро пожаловать " + firstName);
}
else
{
alert("Вы нажали отменить");
}
</script>
Вызвать prompt по нажатию на кнопку.
Для того, чтобы вызвать prompt по нажатию на кнопку нам понадобится:Кнопка button, либо любой другой элемент Dom-a.
Для клика нам понадобится id в button :
Далее воспользуемся одним из способов onclick
{
Сюда поместим код prompt , который был использован выше...
}
Соберем весь код вместе...
Html:
<button id="idbutton">Нажми на меня!</button>
javascript :
<script>
idbutton . onclick = function()
{
let firstName = prompt(\'Как Вас зовут?\');
if(firstName)
{
alert("Добро пожаловать " + firstName);
}
else
{
alert("Вы нажали отменить");
}
}
</script>
Живой пример вызов prompt по нажатию на кнопку.
Для того, чтобы вызвать prompt по нажатию на кнопку - нажмите кнопку "Вызови prompt - нажми на меня..."Передать из prompt в php(get)
Для того, чтобы передать из prompt в php будем использовать get запрос, нам понадобится:
В самом верху страницы разместим вот такой код php с проверкой существования массива "$_GET" - не буду подробно описывать... здесь все просто...
Если есть "$_GET" массив - обрабатываем его.
Если нажали отменить выводим "Вы нажали отменить!".
И в каждом из выводов используем якорь для возврата.
Cv. ниже код php.
Перейдем к HTML.
Для того, чтобы вернуться к описанию, после обработки "prompt в php" ставим якорь("a name")
Чтобы отправить "prompt в php" нам потребуется кнопка.
html код см. ниже
Не буду усложнять дополнительными проверками... напишем совсем просто!
При onclick вызовем prompt.
Полученное из prompt ...
Отправим в get запрос...
Который в свою очередь будет внутри location.href
Пример кода для отправки из из prompt в php(get)
PhP
<?
if($_GET['message'])
{
if($_GET['message']=='null')
{
exit('Вы нажали отменить!<br><a href="https://dwweb.ru/prompt_js.html#message">Вернуться</a>');
}
else
{
exit('Отправлено через $_GET : <span style="color:red">'.strip_tags($_GET[message]). '</span><br><a href="https://dwweb.ru/prompt_js.html#message">Вернуться</a>');
}
}
?>
Html
<a name="message"></a>
<button id="id_message">Отправь из prompt в php!</button>
javascript
<script>
id_message . onclick = function()
{
message = prompt('Здесь вопрос/утверждение/текст');
window.location.href = 'https://dwweb.ru/prompt_js.html?message='+message;
}
</script>
Живой пример отправки из prompt в php
Для того, чтобы отправить из prompt в php:
В сработавшем окне prompt можно выбрать 3 варианта:
Не заполнять поле prompt и нажмите продолжить - ничего не произойдет, потому, что "get" будет пустой.
Заполнить поле "prompt" и отправленное значение ведется через php после перезагрузки страницы.
Нажать отменить
Передать из prompt в php(post).
Для того, чтобы передать из из prompt в php с помощью post Нам потребуется:
Нам нужна теория об отправке post в javascript
Первый файл "example.html" поместим prompt, почти тот же скрипт, что был в предыдущем пункте, только вместо "window.location.href" вызовем функцию "post javascript"... код слишком длинный, поэтому скачивай архив, внутри два файла.
Нам потребуется второй файл, в котором будет проверка на отправленный "post".
if($_POST['message'])
{
echo 'Я файл promt_post.php и я получил post запрос его значение : ' . strip_tags($_POST['message']);
}
?>
И выведенное выше вернется к нам в первый файл(текст + значение, просто для того, чтобы понять, файл принял отправленный "post" или нет?)
Поскольку... здесь уже код более сложный, чтобы он не перепутывался с предыдущим кодом и вообще... выведем данный скрипт в отдельные фалы
Пример отправки из prompt в php(post).
Пример отправки из prompt в php(post) в отдельном файлеПередать из prompt в php(post(jquery)).
Для того, чтобы отправить post в php jquery нам потребуется:
предыдущий пункт...
И заменяем "js post" на "jquery post"
Всё остальное под копирку...
Пример отправки из prompt в php(post(jquery)).
Пример отправки из prompt в php(post(jquery)) в отдельном файлеprompt js примеры
o промпт
использование prompt
вывод с помощью prompt
поле ввода prompt
отправить данные с помощью prompt
из prompt в переменную
подробнее.