БлогNot. Как отобразить по событию HTML значение, полученное из кода PHP?

Помощь дата->рейтинг Поиск Почта RSS канал Статистика nickolay.info Домой

Как отобразить по событию HTML значение, полученное из кода PHP?

Проще всего - через Javascript :) Ниже приводится простой учебный пример PHP-файла.

Javascript-функция по имени $_ служит для помещения в элемент с идентификатором id содержимого строки result.

Вызов 1 показывает, как динамически встроить в разметку получение текущего содержимого PHP-строки $result по нажатию кнопки в HTML-форме.

Действие return false; здесь не критично, но обычно применяется для кнопок с целью избежать отправки данных на сервер.

Также нужно быть внимательным с кавычками, все они имеют значение, а лучше всего видно, что получилось, в открытом из браузера исходнике страницы.

Вызов 2 обходится клиентской стороной, выводя в элемент с id="result2" значение javascript-строки. На этот раз замена содержимого производится по наведению курсора мыши на текст "Покажи на меня!".

Разумеется, файл сохраняется с расширением .php и выполняется на сервере по протоколу HTTP, а не через открытие в браузере по комбинации клавиш Ctrl+O.

<!DOCTYPE html>
<html><head>
 <meta charset="windows-1251"/>
 <title>Отобразить по событию HTML значение PHP через Javascript :)</title>
</head><body>

<script type="text/javascript">
function $_ (id,result) {
 document.getElementById(''+id).innerHTML = '' + result;
}
</script>
<noscript><p>Включите в браузере Javascript для работы примера!</p></noscript>

<?php
 $result = "Значение получено из кода PHP";
?>
<p>Вызов 1: 
 <input type="button" value="Получить"
   onclick="$_('result',
               '<?php echo $result; ?>');return false;">
</p>
<div id="result"></div>

<p>Вызов 2: <span id="result2"
 onmouseover="$_('result2','Новый контент из Javascript');">
 Покажи на меня!</span></p>

</body></html>

Показанный пример не получает данных из формы, но можно представить, что переменная $result формируется и из данных, полученных методом POST или GET.

Стоит также напомнить, что в web-программировании ничего нет хуже, чем форма, из которой "пропадают" введённые пользователем данные, а избежать этого можно и без применения Javascript. Вполне обычным путём является "обратная" передача данных через методы POST и CET, дополнительные скрытые поля формы и/или сессии PHP.


теги: php javascript учебное

комментарии (0)

25.11.2016, 13:12; рейтинг: 1624

  свежие записипоиск по блогукомментироватьстатистика

Наверх Яндекс.Метрика
© PerS
вход