温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ajax读取图片的路径问题

发布时间:2020-06-19 05:33:14 来源:网络 阅读:949 作者:你的倾城 栏目:开发技术

  

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI