如何通过ajax成功显示多个图像答案

【问题标题】：How to show multiple images by ajax success如何通过ajax成功显示多个图像
【发布时间】：2018-08-27 12:35:20
【问题描述】：

我有 Group_con 同一日期的图像

$a  = "SELECT  dates AS p FROM imgdb  WHERE id=1 GROUP by dates";

然后按日期 Group_concat 图像

foreach ($a as $value) {

 $res = SELECT  group_concat(images) AS img FROM imgdb  WHERE dates=$value";
}

在 ajax 上成功

success: function(r) {
var res = JSON.parse(r)
$.each(res, function(index) {
   $('.img').html(
  $('.img').html()+'<img src"folder/'+res[index].img+'"/>'
}

我得到图像，但在同一行，如 ..

1.jpg,2.jpg,3.jpg 等..

并且控制台说没有 404 未找到 ..

谢谢..

【问题讨论】：

我非常怀疑您是否需要JSON.parse(r)。至少在末尾添加;
404 not found - 它什么时候这么说的？什么时候触发ajax？那么url是错误的。
@jeff 它就在那里，我一直保持简短
$('.img').html(... 缺少结尾);
@jeff 图像显示在一个 " 上，因此出现错误

标签： php jquery ajax mysqli

【解决方案1】：

把查询改成这样，我没有mysql所以不确定正确性

SELECT dates, group_concat(images) AS img FROM imgdb  WHERE dates=$value
GROUP BY dates

我使用 postgress sql ，并像这样查询

SELECT datum, array_to_string(array_agg(image), ',') as img FROM taböename   
 Where datum> '23.05.2018' AND datum< '23.08.2018'
GROUP BY datum

我得到了这样的结果

datum | img
23.08.2018 | img1,img2,img3
24.08.2018 | img1, img5

等等

现在将其返回给 ajax

这段代码将循环遍历整个二维数组，打印每个都有图像

    $.each(jQuery.parseJSON(objJson) , function (key, value) { 
        // add date
        $('#img_html').html(value.leiterdatum +'<hr>'); // hr adds a line
        var images = value.split(',');
        for(var i = 0; i < images.length; i++)
        {
            var new_img = '<img src="folder/'+images+'" alt="" /> </br>';
            $('#img_html').append(new_img);
        }
    })

【讨论】：