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

最新推荐文章于 2023-11-27 11:39:47 发布

时光与召

最新推荐文章于 2023-11-27 11:39:47 发布

阅读量2k

点赞数 1

分类专栏： Java随笔 JAVA HTML 文章标签： ajax 循环结果集 jsp页面拼接代码

本文链接：https://blog.csdn.net/qq_40864915/article/details/89955495

版权

Java随笔同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

JAVA

12 篇文章 0 订阅

订阅专栏

HTML

3 篇文章 0 订阅

订阅专栏

$(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）：