ajax讀取圖片的路徑問題

$.ajax({

        type: 'get',

        url: 'json/beautylist.json',

        success: function (data) {

            //封裝add函數用以添加數據

            function add(obj, index) {

                for (var i = 0; i < data[index].productList.length; i++) {

                    obj.append('<dl>' +

                        '<dt><span></span><a href="#"><img src=' + data[index].productList[i].imgUrl + '/></a></dt>' +

                        '<dd class="price">' + data[index].productList[i].price + '<span>' + data[index].productList[i].oldprice + '</span></dd>' +

            '<dd>' + data[index].productList[i].name + '</dd>' +
                        '<dd>' + data[index].productList[i].des + '</dd>' +
                        '<dd><span></span><a href="#"><img src="p_w_picpaths/addcart_07.jpg" /></a></dd>' +
                        '</dl>');
                }
            }
            //添加數據
            add($list1Box, 0);
            add($list2Box, 1);
            add($list3Box, 2);
            add($list4Box, 3);
            add($list5Box, 4);
            add($list6Box, 5);
            add($list7Box, 6);
        }

}

 此時，圖片會讀不出來，只需在<img>標簽的結尾部分 "/>"中間加個空格變為 "/ >"即可解決問題