weixin_33743248 2019-08-23 04:30 采纳率: 0%
浏览 52

显示来自ajax的src

Requesting path for img src via below code:

$.ajax({
  url: 'api/catalogs.php?action=fetchimg&CatalogId=' + d.CategoryId,
  type: 'GET',

  dataType: "json",
  success: function(response) {

    var path = response.path;
    console.log(path);

    $.each(response, function(key, value) {
      $("#images").attr('src', value.path);
    })
  },
});

But code displaying only one photo, API returning many photos and need to display all. For displaying I am using below code.

return '<div class="container">'+
        '<div class="row justify-content-center text-center my-3"></div>'+
    '<div class="row justify-content-center text-center">'+
        '<div class="col-md-4 mb-3">'+
            '<img id="images" src="" class="img-fluid img-thumbnail"></a>'+
        '</div>'+


    '</div>'+
'</div>';
  • 写回答

3条回答 默认 最新

  • weixin_33737134 2019-08-23 04:44
    关注

    Your code is only editing one image src. You should do something like this in your success in $.ajax

    $.each(response, function(key, value){
    $("body").append($("<img>", { src: value.path } ));
})

    This will add an image to the body for each of the paths in your response. Then you can start modifying this to your requirements

    评论

报告相同问题？