Как передать данные из обычного js файла в pug?

Question

[Alisa94]

Привет всем. Уже несколько часов работаю над одной простой проблемой(хотя до сего дня тоже сталкивался и не добивался успеха), но результата нет.
Итак, я в обычном js файле получаю данные с помощью axios.get запроса, в этих данных содержится также id элементов, которые я дальше генерирую на html странице, как название кнопок. У меня есть рабочая версия генерации id элементов на html странице в виде название кнопок, но этот путь ограничивает меня во многом и затрудняет разработку. Параллельно этому я использую pug, доя создания html страниц. Так вот, мне нужно взять данные полученные в js файле и передать их в pug файл для дальнейшей работы над ними. Хочу сразу сказать, что у меня есть так же node.js файл, но в этом я не очень разбираюсь. Мне кажется, что проблема в том, что я не знаю, как мне нужно написать для этого серверный файл(nide.js), но я и в этом не уверен.
Прошу помочь мне передать полученные данные из js файла в pug.
Очень благодарен.

Answer 1

[Евгений Оксенчук]

Если я правильно понял, то ты хочешь работать с паг через скрипт, но ты ж понимаешь, что он скомпилируется в html, а скрипт прикручен именно к html мейн файлу, зачем тебе паг, js работает с дом деревом, с дом деревом html страницы, а не pug, тебе надо от этого идти, смысл в том, что скрипты твои работают с html, с прокшен файлом в котором именно html. Тебе не надо их завязывать с пагом, браузер будет читать только html, css, js. И передать какой то вэлью тебе надо html файлу, не усложняй себе жизнь)

Comments

[Alisa94]

Да, ты прав, я бы вообщем без этого багнута, плохоподдерживаемого пага обошёлся бы, но ничего не могу поделать. Кстати говоря, мой html генерирует паг, все скрипты, ссылки и всё такое в паг файле. Мне просто нужно взять данные из js файла и передать их в паг...

[Alisa94]

Но твоя идея помогла мне найти породить новую идею - а что если я пойду обходным путём и получу те же данные, которые получал в js файле в pug файле? Сейчас попробую так и сделать, очень надеюсь, что всё пройдёт хорошо.

[Alisa94]

Так тоже не получилось, т.к. я должен был создать async/await функцию и данные получал так же в ней, вот и передача их за пределы функции не получилось.

[Евгений Оксенчук]

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

[Alisa94]

Ок, спасибо большое.
А есть ли решение у моей проблемы или мне стоит написать это через js?
Кстати говоря, я не помню и не понял, почему пару дней назад мне не удалось получить запрошенный объект в паге с помощью асинк-авейт и аксиос, но теперь всё в порядке.

[Евгений Оксенчук]

Js бог, но только в пределах страницы, от этого иди) он может все, но только в пределах страницы, и страниц которые сам открыл)

[Alisa94]

Евгений Оксенчук, давай не заставляй меня говорит js что=))

[Евгений Оксенчук]

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