Динамическая инициализация переменных бекенда на фронтенде

Question

[Sergey Cherepanov]

Доброго времени, ищу инструмент или подход.

var userName = server.getData('userName')

В переменной Server должна находиться информация подгруженная с сервера.

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

Не хочется городить свой велосипед, может кто то встречал такое решение?

Comments

[Сергей Протько]

А зачем для этого выполнять еще один запрос к серверу? Не проще ли вывести параметры при формировании страницы?

[Sergey Cherepanov]

Есть идея как это сделать? Без вставок типа <?php echo $foot;?> и без заглушек типа {{bar}}.

[Sergey Cherepanov]

Так же, хотелось бы иметь возможно подгружать данные для блоков кода, если на момент рендера страницы по какой то причине нет возможности этого сделать (например они завязаны на динамические значения)

[Skpd]

Почему нельзя использовать <?php echo $foot;?>?

Answer 1

[Вячеслав Слинько]

<script>
window.server = <?php echo json_encode($array); ?>
</script>

Comments

[Валерий Селицкий]

Бинго!

[Sergey Cherepanov]

Да это все ясно ).

У меня была идея сделать что то типа:

codeWrapper(function(server) {
 
    var userData = server.getData('user');

}, ["user", "session", "cart"]);

И при создании функции в нее подгружаются необходимые данные, ну и развить эту идею что бы грузить все пачкой на onload или по частям по ходу работы скриптов.

Но хотелось готовое решение.

[Валерий Селицкий]

Но зачем дергать данные при создании страницы? микшируйте подходы — подгружайте со страницей и рефреште в процессе.

[Sergey Cherepanov]

Да об этом я тоже думаю, возможно сделать какой то простенький парсер js который будет заранее инициализировать статические данные.

Еще была идея с открытыми сокетами ) Держать подключение до завершения инициализации всех скриптов.

Answer 2

[EugeneOZ]

При рендеринге страницы добавьте невидимый div и внутрь внесите данные в виде xml. А при старте JS прочитаете как из обычных элементов DOM.

Comments

[Sergey Cherepanov]

Ключевое слово было «Динамическая», то-есть какие данные будут подгружены заранее не известно.

Answer 3

[Борис Пеньковский]

что за хрень, аякс уже не устраивает? переходи на Node.js

Comments

[Sergey Cherepanov]

Нет идея была совсем в другом. Что то типа автоматической пакетной иницализации всех данных, до того как основной скрипт начнет работать. По типу как в requirejs все подключаемые файлы грузятся до того как будет выполнен основной код, не зависимо от того в каком месте написана конструкция require.