数组输出，ajax自动生成表格

最新推荐文章于 2024-04-15 13:47:56 发布

原创最新推荐文章于 2024-04-15 13:47:56 发布 · 612 阅读

CC 4.0 BY-SA版权

博客介绍了数据传递和标签操作的相关方法。利用model.addAttribute传递，@ResponseBody传递回对象List；使用$().append添加内容到标签，$().empty清空标签内容；还提及传递数据类型，如data:{code:code}，dataType为'json'，后台可直接在参数获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用model.addAttribute("",)传递

<table class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>学期</th>
								<th>课程代码</th>
								<th>名称</th>
								<th>成绩</th>
							</tr>
						</thead>
						<tbody id="new_studentclass">
							<c:forEach items="${page.rows}" var="row">
								<tr>
									<td>${row.c_term}</td>
									<td>${row.c_code}</td>
									<td>${row.c_coursename}</td>
									<td>${row.c_score}</td>
								</tr>
						</c:forEach>
					</tbody>
				</table>

@ResponseBody 传递回对象List

$.ajax({
			type:"get",
			url:"<%=basePath%>studentM/findClass.action",
			data:{"c_major":c_major},
			success:function(data){
				var str1="<option value=''>--请选择--</option>";
				$("#new_studentclass").append(str1);
				for(i in data){
					var str="";
					str="<option value='"+data[i].c_class+"'>"+data[i].c_class+"</option>"
					//生成表格就将str改为"<tr><td>"+data[i].c_class+"</td></tr>"
					$("#new_studentclass").append(str);
				}
			}
		});

$().append()添加进id或者class的标签，不是全覆盖的
$().empty();将标签中的内容全部清空
传递数据的类型
data:{code:code},dataType:'json’或者data:{“code”,code}
在后台可以直接在参数获取public String class(String code)