jsonオブジェクトにイメージを含める方法とそれを取得する方法

Question

イメージをjsonファイルに保存する方法を教えてください。どのように取得するのですか？ 私はすでに試しています。しかし、私はそれはあなたのコードは非常によく見えますここ

Answer 1

$(document).ready(function() { 
 

 
    var jsonURL = "data/data.json"; 
 
    $.getJSON(jsonURL, function (json) 
 
    { 
 
    var imgList= ""; 
 

 
    $.each(json.products, function() { 
 

 
     imgList += '<li><img src= "' + this.imgPath + '"></li>'; 
 
    }); 
 
    $('#dvProdList').append(imgList); 
 
    
 
    }); 
 

 

 
});

<div> 
 
    <ul></ul> 
 
    </div>

にはできませんよ。ちょうどあなたのHTML

<div> 
    <ul id="dvProdList"></ul> 
</div> 

そして、あなたのjavascriptに（each文はjqueryの中でどのように動作するか確認してください）を変更します。

$.each(json.products, function (index, product) { 
     imgList += '<li><img src= "' + product.imgPath + '"></li>'; 
}); 
$('#dvProdList').html(imgList); 

メイクあなたのイメージパスがOKであり、あなたが正しくJSONをロードしているSHURE。