3 回答

TA貢獻1807條經驗 獲得超9個贊
您的代碼僅編輯一張圖片 src。你應該在你success的$.ajax
$.each(response, function(key, value){
$("body").append($("<img>", { src: value.path } ));
})
這將為響應中的每個路徑添加一個圖像到正文。然后您可以開始根據您的要求修改它

TA貢獻1805條經驗 獲得超9個贊
最后,見下文
$.ajax({
url: 'api/catalogs.php?action=fetchimg&CatalogId='+d.CategoryId,
type: 'GET',
dataType: "json",
success: function(response) {
var images = "";
$.each(response, function(key, value){
images+='<div class="col-md-4 mb-3">'+
'<img src="'+value.path+'" class="catalog-image img-responsive thumbnail"></a>'+
'</div>';
})
$('#photos').html(images);
},
在 HTML 上面的代碼插入到下面的 div 中:
<div class="container">
<div id="photos" class="row justify-content-right text-right my-3"></div>
<div class="row justify-content-right text-right">
</div>
</div>

TA貢獻1796條經驗 獲得超7個贊
因為您對所有元素 (#images) 使用相同的 ID。你需要讓它像 ('#images' + counter); 添加計數器一樣動態化。
同樣的事情需要在 HTML 中改變。
- 3 回答
- 0 關注
- 192 瀏覽
添加回答
舉報