<%@ page language="java" pageEncoding="UTF-8"%>

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

<html>

  <head>

    <title>用Servlet返回JSON文本动态创建DataGrid</title>

    <!-- 引入css文件，无顺序 -->

    <link rel="stylesheet" href="themes/icon.css" type="text/css"></link>

    <link rel="stylesheet" href="themes/default/easyui.css" type="text/css"></link>

      <!-- 引入js文件，有顺序 -->

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>

  </head>

  <body>

    <table id="dg"></table>

    <script type="text/javascript">

        $("#dg").datagrid({

            url : "${pageContext.request.contextPath}/UserServlet?time="+new Date().getTime(),

            columns :  [[

                                {field:'id',title:'编号',width:100},

                                {field:'name',title:'姓名',width:100},

                                {field:'sal',title:'薪水',width:100},

                                {field:'sex',title:'性别',width:100}

                        ]],

            fitColumns : true,

            singleSelect : true,

            pagination : true,

            pageSize : 2,

            pageList : [2,4]

        });

    </script>

  </body>

</html>
package loaderman.bean2json;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.LinkedHashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

/**

 * 用Servlet返回JSON文本动态创建DataGrid

 *

 * @author AdminTC

 */

public class UserServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        this.doPost(request, response);

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");

        //收集DataGrid向服务器发送的参数--page(当前页号)

        String page = request.getParameter("page");

        System.out.println("page=" + page);

        //收集DataGrid向服务器发送的参数--rows(当前需要显示的记录数)

        String rows = request.getParameter("rows");

        System.out.println("rows=" + rows);

        List<User> userList = new ArrayList<User>();

        userList.add(new User(1, "哈哈", 1000, "男"));

        userList.add(new User(2, "呵呵", 2000, "男"));

        userList.add(new User(3, "嘻嘻", 3000, "女"));

        userList.add(new User(4, "笨笨", 4000, "男"));

        userList.add(new User(5, "聪聪", 5000, "男"));

        userList.add(new User(6, "月月", 6000, "女"));

        userList.add(new User(7, "花花", 7000, "女"));

        Map<String, Object> map = new LinkedHashMap<String, Object>();

        map.put("total", userList.size());

        map.put("rows", userList);

        JSONArray jsonArray = JSONArray.fromObject(map);

        String jsonJAVA = jsonArray.toString();

        jsonJAVA = jsonJAVA.substring(1, jsonJAVA.length() - 1);

        //以流的方式将JSON文本输出到DateGrid组件中

        response.setContentType("text/html;charset=UTF-8");

        PrintWriter pw = response.getWriter();

        pw.write(jsonJAVA);

        pw.flush();

        pw.close();

    }

}

用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. Delphi 类类型和对象

  2. DOS导出文件夹或文件名

    dir /s /w >a.txt 应用dos导出当前目录下的文件夹名称(包括子目录,但是不包括文件,仅仅导出文件夹) dir /s/b/a:d >a.txt

  3. CAFFE（0）：Ubuntu 下安装anaconda2和anaconda3

    这个步骤可以看做是安装caffe可以进行或者不必要的步骤,不过笔者建议安装anaconda2和anaconda3,里面会包含很多的模块,省去caffe学习过程中出现模块不存在的各种错误. 第一步.进入 ...

  4. idea配置代码注释模板

    从eclipse换成idea后,有点不习惯,其中之一就是代码注释,感觉不如eclipse好用,下面是一些配置方法,配完之后差不多能实现eclipse的效果. 1.以配置Class的注释为例,其他文件的 ...

  5. 03_Hive的交互方式

    之前使用的Shell方式只是Hive交互方式中的一种,还有一种就是将Hive启动为服务运行在一个节点上,那么剩下的节点 就可以使用客户端来连接它,从而也可以使用Hive的数据分析服务 1.Hive的交 ...

  6. 如何让iframe框架和主页面共用一个滚动条(也称为：iframe高度自适应问题)

    最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样 ...

  7. 【LOJ6671】EntropyIncreaser 与 Minecraft

    Orz lbt Description https://loj.ac/problem/6671 Solution

  8. P1231 教辅的组成 拆点限流

    如果只有两个物品的话 是一个裸的二分图匹配问题 现在变成了三个物品之间的匹配 则只要在中间加一层节点表示书 再把这层的每个点拆成两个点中间连一条边限制流量 使其只能用一次 #include<io ...

  9. 选择排序Selection_Sort

    基本思想:和冒泡排序.直接插入排序并称为三大简单排序算法.显然,说明它们都很简单

  10. windows下C语言头文件的运用

    头文件 singnext.dingswords printf("终止我每丝呼吸,让心灵穿透所有的秘密\n"); 头文件 singtocj.h printf("当无数的日月 ...