Как передать массив из php в js

Аватар пользователя Сергей Мишин
Сергей Мишин
22 декабря 2021

JSON.parse по идее не нужен

<?php

$data = ['message' => 'hello!', 'status' => 'done'];
<script>
  const data = <?= json_encode($data) ?>;
  window.alert(data.message);
</script>

что даст в итоговом html:

<script>
  const data = {"message":"hello!","status":"done"};
  window.alert(data.message);
</script>
0 0
Аватар пользователя Nikolai Gagarinov
Nikolai Gagarinov
02 декабря 2021

Массив из PHP можно передать, с помощью ajax, т.е. Выполняется запрос на бекенд (PHP) от JS

Если JS код генерируется с бекенда, то можем в шаблон отдавать json

<?php

$data = json_encode([
  'message' => 'hello!'
]);


?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
</body>
<script>
  const data = JSON.parse('<?= $data ?>');
  window.alert(data.message);
</script>
</html>
0 0

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки