URLにJSONオブジェクトを割り当てる方法が分かりません

Question

JSONファイルを使用していて、画像を取り込んでいます。私がループを実行すると、各アイテムがフォトグリッドのページに表示されます。しかし、その後、私はどのようにそれらの写真のそれぞれにURLを割り当てることができるか知りたい。特定のページのURLを指すようにそれぞれ必要です。

(function() { 
 
    'use strict'; 
 

 
    var url = 'path to json'; 
 

 
    $.getJSON(url, function(json) { 
 

 
     var categoryImage = ''; 
 

 
     $.each(json, function (i, item) { 
 
      if (item.itemCommodity == "10") { 
 
       categoryImage += '<div class="col-md-3 col-sm-6 col-xs-6">' + '<img class="img-responsive img-hover productImages" src="' + (item.imageURL) + '">' + '<h3 class="text-center">' + (item.itemName) + '</h3>' + '</div>'; 
 
      } 
 
     }); 
 

 
     $('#categoryImages').html(categoryImage); 
 
    }); 
 
})();

/* JSON Example */ 
 

 
[ 
 
    { 
 
     "_id":"1", 
 
     "itemName":"Tomatoes", 
 
     "imageURL":"path to image", 
 
     "itemCommodity":"10" 
 
    }, 
 

 
    { 
 
     "_id":"2", 
 
     "itemName":"Olive Oil", 
 
     "imageURL":"path to image", 
 
     "itemCommodity":"20" 
 
    } 
 
]

Answer 1

取得要求のサイズは限界があり、そしてJSONはあなたがそこに置くものに応じて、本当に大きな成長できるようあなたはURLにJSONsを非難して注意する必要があります。

var myJson = [ 
    { 
     "_id":"1", 
     "itemName":"Tomatoes", 
     "imageURL":"path to image", 
     "itemCommodity":"10" 
    }, 

    { 
     "_id":"2", 
     "itemName":"Olive Oil", 
     "imageURL":"path to image", 
     "itemCommodity":"20" 
    } 
] 

あなたはhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringifyでそれの文字列にし、URLに安全に保存することができます：

これを考え出した

var myJsonString = JSON.stringify(myJson); 
window.location.hash = encodeURIComponent(myJsonString) 

Answer 2

は、この、あなたが変数に自分のJSONを持っている場合を考えます。 if文を使用しましたが、switch文も使用します。

Answer 3

私はあなたが私は彼らそれぞれが特定のページのURLを指す必要がある

によって何を意味するかはかなりよく分かりません。

画像に既にURL（JSON内のURL）があるため、特定のURLを入力するとアンカーが必要なので、ページは特定の画像に自動的に移動しますか？