jquery easyui 结合jsp简单展现table数据示例
更新时间：2014年04月18日 15:01:15 作者：
这篇文章主要介绍了jquery easyui 结合jsp简单展现table数据,需要的朋友可以参考下
复制代码 代码如下:
<%@ 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">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
</head>
<body>
<table id="dg" title="My Users" class="easyui-datagrid" style="width:500px;height:250px"
url="getUsers.jsp"
toolbar="#toolbar" rownumbers="true"
fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="firstname" width="50">First Name</th>
<th field="lastname" width="50">Last Name</th>
<th field="phone" width="50">Phone</th>
<th field="email" width="50">Email</th>
</tr>
</thead>
</table>
</body>
</html>
复制代码 代码如下:
<%@page import="net.sf.json.JSONArray"%>
<%@page import="java.util.*"%>
<%@page import="org.codehaus.jackson.map.ObjectMapper"%>
<%@ 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">
<title>Insert title here</title>
</head>
<body>
<%
//String json = "{\"firstname\":\"firstname\",\"lastname\":\"lastname\",\"phone\":123456,\"email\":\"281446883@qq.com\"}";
List<Map<String,String>> list = new ArrayList<Map<String,String>>();
Map<String,String> user1 = new HashMap<String,String>();
user1.put("firstname", "name1");
user1.put("lastname", "name2");
user1.put("phone", "1234");
user1.put("email", "281446888@qq.com");
list.add(user1);
Map<String,String> user2 = new HashMap<String,String>();
user2.put("firstname", "name2");
user2.put("lastname", "name4");
user2.put("phone", "1234");
user2.put("email", "281446888@qq.com");
list.add(user2);
JSONArray jsonArray = JSONArray.fromObject(list);
System.out.println(jsonArray.toString());
Map<String,Object> map = new HashMap<String,Object>();
map.put("total", 1);
map.put("rows", jsonArray);
ObjectMapper objMap = new ObjectMapper();
objMap.writeValue(response.getWriter(), map);
//System.out.println(json);
%>
</body>
</html>
效果：
相关文章
![jQuery中[attribute!=value]选择器用法实例](//img.jbzj.com/images/xgimg/bcimg0.png)
jQuery中[attribute!=value]选择器用法实例
这篇文章主要介绍了jQuery中[attribute!=value]选择器用法,实例分析了[attribute!=value]选择器匹配不包含指定属性元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了bootstrap+jquery项目引入文件的常见报错问题，下面小编给大家带来了一些错误及错误的解决方法,需要的朋友可以参考下2018-01-01
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等，在javaScript开发过程中使用$each可以大大的减轻我们的工作量。2015-05-05
利用选择器，选择要被操作的html中的元素。2010-02-02
这篇文章主要介绍了jQuery实现的事件绑定功能,结合简单表单验证实例分析了jQuery事件绑定的实现与使用方法,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery中extend函数详解的相关资料,需要的朋友可以参考下2015-07-07
$.format,jquery.format 使用说明，需要的朋友可以参考下。2011-07-07
jQuery中attr()和prop()在修改checked属性时的区别
使用语句$.attr('checked',true)，将复选框的属性改为被选中，在chrome浏览器中第一次点击有效后面就不行了，IE8倒是没有问题2014-07-07
jquery在程序开发ajax应用程序时提高了效率，减少了需要兼容性的问题，当我们在ajax项目中，遇到ajax异步获取数据出错该怎么解决呢，我们可以通过捕捉error事件来获取出错的信息，本文给大家介绍jquery ajax error调试错误的技巧，感兴趣的朋友一起学习吧2015-11-11
这篇文章主要介绍了浅析jQuery Mobile的初始化事件,jQuery是当前人气最高的JavaScript库,需要的朋友可以参考下2015-12-12
![jQuery中[attribute!=value]选择器用法实例](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论