問題を理解できるかわかりません。
サーバーによって生成されたjsonファイル(必要に応じて多くのMB)があるとすると、単純なajaxクエリでそれをフェッチし、解析して、次のように使用できます。
var myval = database['somekey'];
htmlでラップしないでください。データベースのみが変更された場合、ページの通常のキャッシュが妨げられます。
jsonは、2番目の個別の.jsonファイル(PHPで非常にうまく生成できます)に保存または生成されます。
それをフェッチする関数は次のようになります:
var database;
function fetchDatabse(callback) {
var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
database = eval('('+httpRequest.responseText+')');
if (callback) callback();
}
}
};
httpRequest.open('GET', 'database.json?time='+(new Date().getTime()));
httpRequest.send();
}
通常は、ajaxクエリを使用してデータベースの一部のみをフェッチする方がよいことに注意してください。
本当にjsonをページに埋め込みたい場合は、非表示のdivに埋め込むのではなく、スクリプトに埋め込みます。
<script>
var database = {
...
};
</script>