使用AJAX PDO PHP访问每个JSON数组元素onClick

我试图访问由MySQL查询构造的JSON数组中存储为Base64映像/blob的每个元素。

其想法是单击一个按钮,通过每个元素显示图像。

我已经让它显示第一个图像,但是当我再次单击时,下一个图像不会显示。

任何帮助都将不胜感激。

阿贾克斯:

   $(function () {
        $('#getimg1').on('click', function () {
             $.ajax({
            type:'GET',
            dataType: 'json',
            url: 'http://testing/api/getimg',
            success:function(getinfo){
                 $.each(getinfo, function(i, displayimg){

                $('#HTMLBox').prop('src','data:image/png;base64,' + displayimg.XXX ---- //Here I'm suspecting something?); 

                 });
            }
        }); 
    });  
    });

PHP:

 $sql = "SELECT img from artistlocation";

    try{
        $db = new db();
        $db = $db->connect(); 
        $stmt = $db->query($sql);
        $data = array();
        while($result = $stmt->fetch(PDO::FETCH_OBJ))    
        {
            $data[] = base64_encode($result->img);
        }
       echo json_encode($data);
    }
    catch(PDOException $e){
        echo '{"error": {"text": '.$e->getMessage().'}';
    }

我只使用了两张图片来测试这一点。