为什么不能显示出来效果
<!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>
后端没有问题
