jquery easyui と jsp を組み合わせてテーブルデータを単純に表示する example_jquery

复制代 代码如下:

<%@ page language="java" contentType="text/ html; charset=UTF-8"
pageEncoding="UTF-8"%>


<頭>









url="getUsers.jsp"
toolbar= "#toolbar" rownumbers="true"
fitColumns="true" singleSelect="true">

名	姓	電話	Email

复制代代码如下:

<%@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"%>


<頭>




<%
//String json = "{"firstname":"firstname","lastname":"lastname","phone":123456,"email":"281446883@qq.com"} ";
リスト<マップ<文字列,文字列>> list = new ArrayList>();
マップ user1 = 新しい HashMap();
user1.put("名", "名前1");
user1.put("姓", "名前2");
user1.put("電話", "1234");
user1.put("電子メール", "281446888@qq.com");
list.add(user1);

マップ<文字列,文字列> user2 = 新しい HashMap();
user2.put("名", "名前2");
user2.put("姓", "名前4");
user2.put("電話", "1234");
user2.put("メール", "281446888@qq.com");
list.add(user2);

JSONArray jsonArray = JSONArray.fromObject(list);
System.out.println(jsonArray.toString());
マップ map = new HashMap();
map.put("合計", 1);
map.put("rows", jsonArray);

ObjectMapper objMap = new ObjectMapper();
objMap.writeValue(response.getWriter(), マップ);
//System.out.println(json);
%>

效果：