问题描述

我想要将数据库里的图片显示在页面上

 $(function(){
            $.post("${ctx}/importJpg/queryRecommendBook.do",{},function(data) {
                $.each(data.recommendList, function(index, content)
                {
                    $("#recommend_box_book").append("<div class='recommend_box_1'><img style='width:100%;height:100%;' src='"+ content.imgURL +"'/></div>");
                });
            })
        });

这样写对吗？为什么页面显示不出来？

解决方案

看代码是没有问题，你jquery导入没有。。

还有$.post如果你动态页有问题是不执行会回调的。注意用开发工具检查下ajax请求是否正确返回。你没有指定数据类型，jquery会依据响应头判断是什么类型的数据，所以如果你没有设置响应头jquery那么data可能为字符串，所以你最好判断下data的类型

    $(function () {
        $.post("${ctx}/importJpg/queryRecommendBook.do", {}, function (data) {
            if (typeof data == 'string') data = eval('(' + data + ')');//////////
            $.each(data.recommendList, function (index, content) {
                $("#recommend_box_book").append("<div class='recommend_box_1'><img style='width:100%;height:100%;' src='" + content.imgURL + "'/></div>");
            });
        })
    });

解决方案二：

用IE F12调试下你产生的html，看看img src指向的路径对不对。