后台传递Json数据封装在table中

来源：互联网发布：豆豆软件编辑：程序博客网时间：2024/05/01 07:44

后台返回的List<User>集合

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript" src="js/js.js"></script><script type="text/javascript" src="js/jquery-1.11.3.js"></script><title>Insert title here</title><script type="text/javascript">$(function() { var tbody = "";  $.ajax({type : 'GET',url : '${pageContext.request.contextPath}/getdata',dataType : 'json',success : function(data) {//遍历数据$.each(data, function(index, msg) {id = msg["id"];name = msg["name"];pass = msg["pass"];////   var trs = "";                         trs += "<tr><td>" + id + "</td> <td>" + name+ "</td> <td>" + pass+ "</td></tr>";                         tbody += trs;                         });                     $("#partList").html(tbody);//这里动态的为tbody添加内容}});});</script></head><body><div class="table_c"><table  class="table_1"><tr><th>ID</th><th>名字</th><th>密码</th></tr> <tbody id="partList">                                                         </tbody></table></div></body></html>

阅读全文

0 0