Как с помощью js получить данные из переменной php?

Question

[Andy Koshman]

Всех с наступившим! Вопрос заключается в том что у меня бэк вписал в данный span тернарник который определяет возможность наличия животных в определенной каюте и сказал что я могу каким то образом вытащить в js этот определитель и уже в интерфейсе отрисовать что-то по его условию. Подскажите пожалуйста что с этим нужно делать, я несколько раз у него спрашивал и ничего мне понятного не выведал, говорит что то на подобии: "Ну вот есть cabin и есть HasAnimals...".

<span class="animals">{{$cabin->HasAnimals?Translate::GetTranslation('Animals Allowed'):Translate::GetTranslation('Animals Not Allowed')}}</span>

Проект на laravel.

Answer 1

[Сергей Соколов]

Попросите изменить шаблон примерно так:

<span class="animals" data-allowed="{{$cabin->HasAnimals}}">
  {{$cabin->HasAnimals?Translate::GetTranslation('Animals Allowed'):Translate::GetTranslation('Animals Not Allowed')}}
</span>

Так сможете найти этот span и взять из него

const span = document.querySelector('span.animals');
const isAnimalsAllowed = !!span.dataset.allowed;

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

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

Comments

[Andy Koshman]

Спасибо большое, я не знал что можно прокинуть данные в дата атрибут и получить заветный boolean) А что вы имеете ввиду под чистыми данными в разметке? Как минимум данные без тернарника в данном случае?

[Сергей Соколов]

Andy Koshman, имею в виду вообще, шире, в целом:
все данные, что у бэка есть, лучше вам передать как данные, одним куском, например, в JSON:

<?php 
$data = [ // все-все динамические данные для страницы
  'list_of_rooms' => [$room1, $room2],
  'list_of_passengers' => [ ],
  'prices' => [ 'A' => 195.5, 'B' => 135.2 ],
];

printf('<script>
  try {
    const data = %s;
  } catch(err) { console.error(err); }
</script>', json_encode($data);

А дальше вы на фроте эти данные из data.list_of_passengers уже используйте по-человечески )

[Andy Koshman]

Сергей Соколов, Спасибо, у меня конечно нету доступа и полномочий к части бэка, но во всяком случае я понял что есть относительно проблемные места)

Answer 2

[Павел]

Что-то типа такого?

<script>
let animal = "{{$cabin->HasAnimals?Translate::GetTranslation('Animals Allowed'):Translate::GetTranslation('Animals Not Allowed')}}"
</script>

если что-то другое, вы документацию читали? Там всё написано...
https://laravel.com/docs/9.x/blade#blade-and-javas...