AJAX 返回的数据（对象数组）循环到 JSP 页面

$(document).ready(function(){
     alert($("#pcids").val());
   //实际使用时的提交信息
     $.post(Constant.view_baseUrl+"Aftercare_TeaController/pcids",{
    	 pcids: $("#pcids").val(),
     },function(res){
    	 //结果
    	 alert(res);
    	  for(i in res){
    		   var inni = "";
    		   inni += "<div style='background-color: red;width: 180px;height: 80px; margin: 10px 10px 10px 10px;float: left;  ' ></div>";
    		             $("#PcDiv").append(inni); 
    		  }
     })

JSP页面代码：

<!-- 展示图片的div -->
				<div class="layui-inline " style="margin-left: 40px;">
							<label class="layui-form-label"
								style="text-align: right; width: 110px"><font
								color="red">图片展示：</font></label>
				<div class="layui-input-inline " id="PcDiv" style="background-color: blue;width: 600px;height: 200px;">
						<!-- 可循环div	 -->
						<div style="background-color: red;width: 180px;height: 80px; margin: 10px 10px 10px 10px;float: left; " ></div>
							
				</div>

 效果展示（数组中为图片对象，拼接代码为每一块 红色 DIV）：