$.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>' +

            '
     
      ' + data[index].productList[i].name + '
     
' +                         '
     
      ' + data[index].productList[i].des + '
     
' +                         '
     
      
      
       
      
     
' +                         '');                 }             }             //添加数据             add($list1Box, 0);             add($list2Box, 1);             add($list3Box, 2);             add($list4Box, 3);             add($list5Box, 4);             add($list6Box, 5);             add($list7Box, 6);         }

}

 此时，图片会读不出来，只需在<img>标签的结尾部分 "/>"中间加个空格变为 "/ >"即可解决问题