Question

请帮我解决如何在json文件中存储图像以及如何对其进行检索我已经尝试过了。但我无法

$(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>

它在这里

Answer 1

你的代码看起来很顺利。只需更改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);

确保您的图像路径正常，并正确加载json。

如何在json对象中包含图像以及如何检索它

1 个答案: