Показать сообщение отдельно

  #6  
Старый 25.07.2019, 15:48
альбертио представляет
Постоянный
Регистрация: 25.07.2019
Сообщений: 348
С нами: 3581468

Репутация: 48
По умолчанию

Привет.

На JS посоветовал бы использовать плагин jQuery, очень удобный функционал.

Вставь этот код в

HTML:





Код:



Далее, создай форму:

HTML:





Код:
Нажать


P.S. Тут тег можно не писать, этот тег лишь осуществляет перебор всех ключей-значений в .

И далее, сделай "событие" на нажатие на кнопку:

JavaScript:





Код:
$
(
'#form-button'
)
.
click
(
function
(
)
{
alert
(
'Твой текст из : '
+
$
(
'#form-input'
)
.
val
(
)
)
;
$
.
ajax
(
{
url
:
'https://api.vk.com'
,
//указываешь свой сайт
type
:
'POST'
,
//указываешь тип запроса GET или POST
data
:
{
text
:
$
(
'#form-input'
)
.
val
(
)
}
,
success
:
function
(
data
)
{
}
,
//тут твой код в случае успешного выполнения PHP-скрипта (ответ сервера 200)
error
:
function
(
handler, exception
)
{
}
,
//тут код при неудачном выполнении PHP-скрипта с ошибкой на сервере (ответ сервера любой кроме 200)
}
)
;
}
)
;


В итоге получаем такой код:

HTML:





Код:
Нажать

$('#form-button').click(function() {
                alert('Твой текст из : ' + $('#form-input').val());
                $.ajax({
                    url: 'https://api.vk.com', //указываешь свой сайт
                    type: 'POST', //указываешь тип запроса GET или POST
                    data: {text: $('#form-input').val()},
                    success: function (data) {}, //тут твой код в случае успешного выполнения PHP-скрипта (ответ сервера 200)
                    error: function(handler, exception) {}, //тут код при неудачном выполнении PHP-скрипта с ошибкой на сервере (ответ сервера любой кроме 200)
                });
            });
 
Ответить с цитированием