1. <%@ page language="java" pageEncoding="UTF-8"%>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. <html>
  4.   <head>
  5.     <title>用Servlet返回JSON文本动态创建DataGrid</title>
  6.     <!-- 引入css文件，无顺序 -->
  7.     <link rel="stylesheet" href="themes/icon.css" type="text/css"></link>
  8.     <link rel="stylesheet" href="themes/default/easyui.css" type="text/css"></link>
  9.       <!-- 引入js文件，有顺序 -->
  10.     <script type="text/javascript" src="js/jquery.min.js"></script>
  11.     <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
  12.     <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
  13.   </head>
  14.   <body>
  15.  
  16.     <table id="dg"></table>
  17.     <script type="text/javascript">
  18.         $("#dg").datagrid({
  19.             url : "${pageContext.request.contextPath}/UserServlet?time="+new Date().getTime(),
  20.             columns :  [[
  21.                                 {field:'id',title:'编号',width:100},
  22.                                 {field:'name',title:'姓名',width:100},
  23.                                 {field:'sal',title:'薪水',width:100},
  24.                                 {field:'sex',title:'性别',width:100}
  25.                         ]],
  26.             fitColumns : true,
  27.             singleSelect : true,
  28.             pagination : true,
  29.             pageSize : 2,
  30.             pageList : [2,4]
  31.         });
  32.     </script>
  33.  
  34.   </body>
  35. </html>
  1. package loaderman.bean2json;
  2.  
  3. import java.io.IOException;
  4. import java.io.PrintWriter;
  5. import java.util.ArrayList;
  6. import java.util.LinkedHashMap;
  7. import java.util.List;
  8. import java.util.Map;
  9. import javax.servlet.ServletException;
  10. import javax.servlet.http.HttpServlet;
  11. import javax.servlet.http.HttpServletRequest;
  12. import javax.servlet.http.HttpServletResponse;
  13.  
  14. import net.sf.json.JSONArray;
  15.  
  16. /**
  17.  * 用Servlet返回JSON文本动态创建DataGrid
  18.  *
  19.  * @author AdminTC
  20.  */
  21. public class UserServlet extends HttpServlet {
  22.     public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  23.         this.doPost(request, response);
  24.     }
  25.  
  26.     public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  27.         request.setCharacterEncoding("UTF-8");
  28.  
  29.         //收集DataGrid向服务器发送的参数--page(当前页号)
  30.         String page = request.getParameter("page");
  31.         System.out.println("page=" + page);
  32.  
  33.         //收集DataGrid向服务器发送的参数--rows(当前需要显示的记录数)
  34.         String rows = request.getParameter("rows");
  35.         System.out.println("rows=" + rows);
  36.  
  37.         List<User> userList = new ArrayList<User>();
  38.         userList.add(new User(1, "哈哈", 1000, "男"));
  39.         userList.add(new User(2, "呵呵", 2000, "男"));
  40.         userList.add(new User(3, "嘻嘻", 3000, "女"));
  41.         userList.add(new User(4, "笨笨", 4000, "男"));
  42.         userList.add(new User(5, "聪聪", 5000, "男"));
  43.         userList.add(new User(6, "月月", 6000, "女"));
  44.         userList.add(new User(7, "花花", 7000, "女"));
  45.  
  46.         Map<String, Object> map = new LinkedHashMap<String, Object>();
  47.         map.put("total", userList.size());
  48.         map.put("rows", userList);
  49.  
  50.         JSONArray jsonArray = JSONArray.fromObject(map);
  51.         String jsonJAVA = jsonArray.toString();
  52.  
  53.         jsonJAVA = jsonJAVA.substring(1, jsonJAVA.length() - 1);
  54.  
  55.         //以流的方式将JSON文本输出到DateGrid组件中
  56.         response.setContentType("text/html;charset=UTF-8");
  57.         PrintWriter pw = response.getWriter();
  58.         pw.write(jsonJAVA);
  59.         pw.flush();
  60.         pw.close();
  61.     }
  62. }

用Servlet返回JSON文本动态创建DataGrid的更多相关文章

  1. 用JSON文本动态创建DataGrid

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  2. ajax请求、servlet返回json数据

    ajax请求.servlet返回json数据 1.方式一 response.setcontenttype("text/html;charset=utf-8"); response. ...

  3. 初探原生js根据json数据动态创建table

    初探原生js根据json数据动态创建table 小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有 ...

  4. silverlight依据json字符串动态创建实体类

    1.接收json字符串: //用JsonValue转换json字符串是为了之后获得json字符串的每行数据和每一列的列名 JsonValue jv = JsonValue.Parse(json);   ...

  5. .Net Mvc 返回Json，动态生成EasyUI Tree

    最近做一个项目,开始接触EasyUI,感觉很强大,很适合我这种对前台不是很感冒的人.在学习Tree的过程中,感觉网上的资料挺乱的,很多只是把EasyUI API 抄了一遍.现在把最近这段时间的学到的, ...

  6. c# 利用反射 从json字符串 动态创建类的实例 并动态为实例成员赋值

    转自 http://hi.baidu.com/wjinbd/item/c54d43d998beb33be3108fdd 1 创建自己要用的类 class stu { string _name; int ...

  7. mui 根据 json 数据动态创建列表

    使用 underscore.js 模块解析 Underscore提供了一个轻量级的模板解析函数,它可以帮助我们有效地组织页面结构和逻辑. 实例: <!DOCTYPE html> <h ...

  8. app开发历程---1,servlet 返回JSON作为android 接口实例

    最近公司领导要做app,虽然以前自己是做app的测试的,但是好多东西都不是很明白,这里记录自己这段日子的历程. 1.搭建服务器端,以前做测试的时候,他们用的是Apache+mysql+php,而自己上 ...

  9. servlet 返回json 数据

    后端的数据需要返回简单的json数据: 发现通过双引号和单引号:" {  'name':123 }  "的方式返回失败. 需要通过\转义里边的双引号: response.getWr ...

随机推荐

  1. c#复制文件夹和文件

    /// <summary> /// 拷贝文件夹 /// </summary> /// <param name="srcdir"></par ...

  2. Hadoop_25_MapReduce实现日志清洗程序

    1.需求: 对web访问日志中的各字段识别切分,去除日志中不合法的记录,根据KPI统计需求,生成各类访问请求过滤数据 2.实现代码: a) 定义一个bean,用来记录日志数据中的各数据字段 packa ...

  3. Sublime text3安装

    一.Sublime text3下载 [20190506]下载 官网下载:https://www.sublimetext.com/ https://download.sublimetext.com/Su ...

  4. 移动端rem移动适配

    https://www.cnblogs.com/jingwhale/p/5741567.html

  5. java中的集合总结

    知识点: 集合框架和List.set.Map相关集合特点的描述 Collection接口常用方法,List中相对Collection新增的方法,Collection的遍历(一般for循环,增强for循 ...

  6. jQuery.fn.extend() 函数详解

    jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法). jQuery.fn是jQuery的原型对象,其extend()方法用于为jQuery的原型 ...

  7. 数据结构与算法——常用排序算法及其Java实现

    冒泡排序 原理:依次比较相邻的两个数,将小数放在前面(左边),大数放在后面(右边),就像冒泡一样具体操作:第一趟,首先比较第1个和第2个数,将小数放前,大数放后.然后比较第2个数和第3个数,将小数放前 ...

  8. IDEA中配置Jetty Server

    首先去 Eclipse官网下载Jetty jar包 鼠标移到Jetty上时 点击 Git it (得到它) 点击 .zip等待下载完成 然后 解压出来 接下就让我们 开始 使用IDEA了(创建一个We ...

  9. 使用memocache

    直接cmd下运行 pip3 install python-memcached serializer.py 里的特别应用 如果一个表模型一些字段用到了跨表.可以这样取值 跨表字段 coach_nickn ...

  10. SQL server 自定义函数FUNCTION的使用

    原文链接:https://blog.csdn.net/lanxingbudui/article/details/81736402 前言:        在SQL server中不仅可以可以使用系统自带 ...