为什么不能显示出来效果-慕课网

为什么不能显示出来效果

来源：4-5 商品模型模型--商品列表页面

慕虎6258687

2019-04-01 22:57

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static\assets\global\plugins\bootstrap\css\bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="static\assets\global\css\components.css">
<link rel="stylesheet" type="text/css" href="static\assets\admin\pages\css\login.css">
<script src = "static\assets\global\plugins\jquery-1.11.0.min.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
<h3 class="form-title">商品列表浏览</h3>
<div class="table-responsive">
<table class="table">
<div>
<thead>
<tr>
<th>商品名</th>
<th>商品图片</th>
<th>商品描述</th>
<th>商品价格</th>
<th>商品库存</th>
<th>商品销量</th>
</tr>
</thead>
<tbody id = "container">
</tbody>
</div>
</table>
</div>
</div>
</body>
<script>
//定义全局商品信息
var g_itermLsit = [];
jQuery(document).ready(function(){
$.ajax({
type:"GET",
url:"http://localhost:8002/iterm/list",
xhrFields:{withCredentials:true},
success:function(data){
if(data.status == "success"){
g_itermLsit =  data.data;
reloadDom();
}else{
alert("获取商品信息失败，原因为"+data.data.errMsg);
}
},
error:function(data){
alert("获取商品信息失败，原因为"+data.responseText);
}
});
});
function reloadDom(){
for(var i = 0;i<g_itermLsit.length;i++){
var itermVO = g_itermLsit[i];
var  dom = "<tr><td>"+itermVO.title+"</td><td><img src='"+itermVO.imUrl+"'/></td><td>"+itermVO.description+"</td><td>"+itermVO.price+"</td><td>"+itermVO.stock+"</td><td>"+itermVO.sales+"</td>"+"</tr>"
$("container").append($(dom));
}
}
</script>
</html>

后端没有问题

写回答关注

3回答

Faddei_W

2021-04-04 16:23:57
container 前面加上 #，
```
$("#container").append($(dom));
```
0 0
wjx9527

2019-07-25 22:41:21

我也是你这个问题，把dom后边的东西都放在同一行就好了！还有：你最后的container前边少个 #

0 0
sunbohan00

2019-04-02 18:23:06

项目我没有跟着敲，光是看页面不太知道是什么问题，感觉这种文件找不到的，一般都是绝对路径，相对路径没有引对的问题，如果你解决了，麻烦你也回复我一个，让我也学习一下。

0 0

SpringBoot构建电商基础秒杀项目

应用SpringBoot快速搭建拥有用户、商品、交易及秒杀活动的电商秒杀应用。

49066 学习 · 954 问题

查看课程

相似问题

为什么不能显示商品图片，其它的显示都没有问题？

回答 2

为什么异常不能抛出

回答 1

不添加hibernate-validator依赖为什么也能达到一样的校验效果？

回答 1

我的列表页面图片显示不出来，如下图

回答 1

为什么我的idea无法智能提示抛出异常呀？

回答 1

打开慕课网App查看更多内容