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>标签的结尾部分 "/>"中间加个空格变为 "/ >"即可解决问题