Передать переменную из PHP в JavaScript

  1. Используйте AJAX для передачи переменной PHP в JavaScript
  2. Используйте JavaScript, чтобы избежать сценариев PHP для передачи переменной PHP в JavaScript
  3. Используйте короткий эхо-тег PHP <?=?> Внутри JavaScript для передачи переменной PHP в JavaScript

Мы представим способ передачи переменной PHP в JavaScript с помощью AJAX. Этот метод запрашивает данные с сервера PHP и запускается на клиентском компьютере.

Мы также продемонстрируем другой метод передачи переменной PHP в JavaScript путем экранирования PHP в JavaScript. Мы пишем JavaScript после сценариев PHP, чтобы избежать PHP.

Мы покажем вам еще один пример передачи переменной PHP в JavaScript с использованием короткого тега echo в JavaScript как <?=$var?>, Где <?=$var?> - это переменная PHP.

Используйте AJAX для передачи переменной PHP в JavaScript

Мы можем использовать AJAX для передачи данных и переменных с PHP-сервера в JavaScript. Этот метод имеет отдельные серверные и клиентские сценарии. Это делает код чище и улучшает читаемость кода. AJAX означает асинхронный JavaScript и XML. Он использует объект XMLHttpRequest для запроса данных с сервера. Он отображает данные с использованием JavaScript и HTML DOM. Этот процесс происходит асинхронно, что означает, что изменения на веб-странице происходят без ее перезагрузки. Однако при использовании AJAX в сетях возникает задержка, поскольку он отправляет HTTP-запрос. В этом методе мы пишем код JavaScript в файле PHP.

Например, создайте файл PHP с именем index.php. Напишите код JavaScript внутри тега <script>. Создайте переменную req, используя ключевое слово var. Создайте объект запроса функции XMLHttpRequest() и присвойте его переменной req. Вызвать функцию onload() с объектом req, используя выражение функции. Внутри функции используйте функцию console.log() для регистрации свойства this.responseText. Не забывайте заканчивать выражение функции точкой с запятой. Используйте объект req для вызова функции open(). Задайте get, get-data.php и true одновременно в качестве параметров функции. Вызвать функцию send() с объектом req. Создайте еще один файл PHP с именем get-data.php. Присвойте переменной var значение Mountain. Повторите функцию json_encode() с параметром var.

В приведенном ниже примере мы создали объект запроса с помощью функции XMLHttpRequest(). Функция onload() обрабатывает операцию, которая будет выполняться во время ответа. Функция open() определяет метод HTTP, файл PHP, который отправляет ответ JSON, и логическое значение, которое контролирует остальную часть выполнения скрипта. Функция json_encode() в файле get-data.php отправляет ответ в формате JSON. Здесь мы напечатали в консоли переменную $var.

Пример кода:

# php 7.*
<?php
?>
<script>
var req = new XMLHttpRequest(); 
    req.onload = function() {
    console.log(this.responseText); 
 };
req.open("get", "get-data.php", true); 
req.send();
</script>
# php 7.*
<?php
$var = "Mountain";
echo json_encode($var); 
?>

Выход:

"Mountain"

Используйте JavaScript, чтобы избежать сценариев PHP для передачи переменной PHP в JavaScript

Мы можем использовать JavaScript после тегов PHP, чтобы избежать сценариев PHP. Мы можем создать переменную PHP в скрипте PH P. Затем мы можем написать JavaScript, чтобы избежать написанного выше PHP и передать переменную внутри кода JavaScript. Внутри JavaScript мы можем использовать тег PHP, чтобы отобразить переменную PHP, назначив ее переменной JavaScript.

Например, присвоить значение Metallica переменной $var внутри тегов PHP. Напишите тег скрипт и внутри него напишите тег PHP. Внутри тега PHP отобразите переменную JavaScript jsvar. Назначьте переменную PHP $var на jsvar. Не забудьте заключить в кавычку $var и точку с запятой после нее. Закройте тег PHP и зарегистрируйте значение jsvar с помощью функции console.log(). Закройте тег скрипт. В приведенном ниже примере мы зарегистрировали переменную PHP $var в консоли с помощью JavaScript. Мы видим вывод в консоли веб-страницы.

Пример кода:

#php 7.x
<?php
$var = 'Metallica';
?>
<script>
   <?php
       echo "var jsvar ='$var';";
   ?>
   console.log(jsvar); 
</script>

Выход:

Metallica

Используйте короткий эхо-тег PHP <?=?> Внутри JavaScript для передачи переменной PHP в JavaScript

Мы можем использовать короткий эхо-тег PHP внутри JavaScript, чтобы передать переменную PHP в JavaScript. Мы можем использовать короткий PHP-тег echo, чтобы избавиться от хлопот с написанием PHP-тега и оператора echo. Это короткий метод. Этот метод очень похож на второй метод с точки зрения концепции и исполнения.

Например, присвойте значение Megadeth переменной $var внутри тегов PHP. Откройте тег скрипт и создайте переменную JavaScript jsvar. Запишите сокращенный эхо-тег $var Как значение переменной jsvar. Зарегистрируйте переменную с помощью функции console.log(). Мы можем просмотреть вывод скрипта в консоли веб-страницы.

Пример кода:

#php 7.x
<?php
$var = 'Megadeth';
?>
<script>
    var jsvar = '<?=$var?>';
    console.log(jsvar); 
</script>
?>

Выход:

Megadeth