javascript - JQuery 浏览器控制台错误消息

Question

我正在尝试显示一个图像，其中图像名称来自通过 JSON 进行的 MySQL 查询。

我的 JSON:

[{"data":[{"ClientImageName":"1_logo.png","ClientName":"Name","RoomName":"Room 2","RoomFromTime":"06:00","RoomToTime":"17:00"},{"ClientImageName":"1_logo.png","ClientName":"Name","RoomName":"Room 6","RoomFromTime":"06:00","RoomToTime":"23:00"},{"ClientImageName":"1_logo.png","ClientName":"Name","RoomName":"Room 1","RoomFromTime":"07:00","RoomToTime":"17:00"},{"ClientImageName":"1_logo.png","ClientName":"Name","RoomName":"Room 18","RoomFromTime":"07:00","RoomToTime":"23:00"}]}]

读取数据的jQuery是:

$(document).ready(function() {
    function get_data() {
        $.getJSON("get_data_logos.php", function(json){
            json = json[0].data;
            var tr ;

            for (var i = 0; i < json.length; i++) {
                tr = $('<tr/>');
                tr.css("border-bottom","2px solid #FFF");
                tr.append("<td width='33%'><div class='clientimage-text'><img src='../../../../conf_images/boards/'" + json[i].ClientImageName + "></></div></td>");
                tr.append("<td width='33%'><div class='clientname-text'>" + json[i].ClientName + "</div></td>");
                tr.append("<td width='33%'><div class='roomname-text'>" + json[i].RoomName + "</div></td>");
                tr.append("<td width='33%'><div class='time-text'>" + json[i].RoomFromTime + " - " + json[i].RoomToTime + "</div></td>");
                $('table').append(tr);
            }
        });
    }
    get_data();
    setInterval(get_data,60000)
});

包含图像的行是:

 tr.append("<td width='33%'><div class='clientimage-text'><img src='../../../../conf_images/boards/'" + json[i].ClientImageName + "></></div></td>");

当我运行脚本时，仅显示图像的占位符。当我查看控制台时，我看到以下消息“您无权访问/apps/conf/conf_images/boards/在此服务器上。”

如果我对图像名称进行硬编码，它就可以正常工作。

我的问题是我是否正确地编写了关于代码行的 JQuery:

tr.append("<td width='33%'><div class='clientimage-text'><img src='../../../../conf_images/boards/'" + json[i].ClientImageName + "></></div></td>");

如果我检查我看到的代码行:

<img src="../../../../conf_images-boards/" 1_logo.png=""> 

应该是

<img src="../../../../conf_images-boards/1_logo.png>.

Answer 1

这一行:

tr.append("<td width='33%'><div class='clientimage-text'><img src='../../../../conf_images/boards/'" + json[i].ClientImageName + "></></div></td>");

引用不正确。你想要:

tr.append("<td width='33%'><div class='clientimage-text'><img src='../../../../conf_images/boards/" + json[i].ClientImageName + "'></></div></td>");