Можно ли использовать такую конструкцию в html <script type="application/json"> или как лучше передавать данные JSON в HTML для обработки JS?

Question

[kocherman]

Никак не могу найти. Извиняюсь, если вопрос уже где-то поднимался.

Так получилось, что есть довольно большие массивы данных, которые мне нужно передать в страничку для кэширования без использования средств ajax.

Comments

[kocherman]

Всем спасибо. Собственно, вопрос решен!

Answer 1

[freeek]

Вот ответ.

Answer 2

[megaboich]

Как насчет в html положить такой вот скрипт и потом данные использовать из других скриптов?

<script type="text/javascript">
  window.whateverData = {
    data: [...]
  };
</script>

Comments

[kocherman]

Спасибо. Как раз в думаю именно так и сделать. Олдовый лучше новых двух.

Answer 3

[Анатолий]

Неужели так не будет работать?

<script>
var variable = <?php echo $jsonData; ?>;
</script>

Comments

[kocherman]

переменная variable будет доступна только в рамках данных . Кроме того php туда подключать не совсем правильно (файл в целом то статичный). Правильно написать без var и сохранить заранее все вместе в один файл без тегов php)

[Анатолий]

variable будет доступно всем переменным из документа за исключением фреймов, как и при любом другом способе. В данном случае с var или без var не имеет вообще никакого значения. Если есть возможность вставить по другому json данные, делайте по другому, я лишь показал пример каким пользовался лично я.

Answer 4

[Александр Кит]

Что бы не мешать html и javascript, можно ещё так:

<div id='pageData' data-categories="<%= StringifiedJson  %>" data-name="<%= Name %>"></div>

Далее jQuery:

var data = $('#pageData').data('categories');

Тут главное учесть трансформацию \" в &qu ot;