Загружать JSON во время выполнения, а не динамически через AJAX

Сам по себе JSON ничего не делает; вы не можете просто использовать <script> для его включения, потому что он создаст объект, который будет назначен ... никуда. Вам нужно будет изменить его - либо вставьте его в строку JS для синтаксического анализа, либо вставьте перед ним «var foo =».

Будет ли для вас проблемой отсутствие кэширования CDN (Akamai и т. д.)? Если нет, вы можете поместить тег скрипта на страницу, указать атрибут src на серверный скрипт, который возвращает контент с mime-типом javascript и содержит запрошенный вами JS-объект. Это было бы похоже на включение внешнего скрипта, только динамически сгенерированного.

Бывший:

В голове есть что-то вроде:

<script src = "/js/loadjs.php?id=123"></script>

И пусть loadjs.php вернет что-то вроде:

var MyApp.initData = { id: 123, setting1: "xyz" };

Обратной стороной является то, что вы не сможете кэшировать его через CDN. Я думаю, что кеширование браузера все равно будет работать, если вам нужно.

Может, я не понимаю, но не могли бы вы просто:

<?php
$json_data = json_encode($your_data);
?>

<script>
var data = <?= $json_data ?>;
</script>

Я думал поместить его в iframe, но потом понял, что у вас проблема с типом содержимого application / json. Когда я тестировал FF, IE и Chrome пытались загрузить файл и спрашивали пользователя, где его хранить (Opera отображала файл)

Помещение его в ССЫЛКУ не поможет вам, поскольку браузер не будет пытаться получить документ (он выбирает только известные ресурсы, такие как таблица стилей)

Мне кажется, что вам нужно использовать AJAX. Не могли бы вы объяснить, почему это проблема?

У вас есть контроль над каким-либо сервером? Потому что, если да, вы можете использовать свой сервер для прокси-сервера службы и обернуть ответ JSON соответствующим оператором «var».

В качестве альтернативы, я считаю, что это сработает (я не тестировал это, и я всегда неправильно пишу "innerHtml"), хотя IMO это не очень чисто:

<script id = "data" src = "http://someotherserver.com/json.js"></script>
<script type = "text/javascript">
    var dataElem = document.getElementById("data");
    if (dataElem)
    {
        var myData = eval(dataElem.innerHtml);
    }
</script>

Предупреждение главного хирурга: оценка результатов с сервера, который вы не контролируете, - плохая идея.