拼接json示例 json分页并显示所有页码

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

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

<html>

  <head>

    <base href="<%=basePath%>">

    <title>jquery-ajax分页</title>

	<meta http-equiv="pragma" content="no-cache">

	<meta http-equiv="cache-control" content="no-cache">

	<meta http-equiv="expires" content="0">

	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

	<meta http-equiv="description" content="This is my page">

	<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script>

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

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

	<link href="js/pagination.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript">

	   var orderby="order by id_t";

	   $(document).ready(function(){

		   initData(0);

		   });

       //翻页响应

	   function pageselectCallback(page_id,jq) {

           initData(page_id);

       }

	   function initData(pageindx)

       {

          var tbody="";

          var pageCount="";

         $.ajax({

              type: "POST",//用POST方式传输

              dataType:"json",//数据格式:JSON

              url:'getData.action',//目标地址

              async:false,//作用是防止在ajax成功调用之前就调用$("#Pagination").pagination,这个时候数据个数还没有初始化

              data:"p="+(pageindx+1)+"&orderby="+escape(orderby),

              beforeSend:function(){$("#divload").show();$("#Pagination").hide();},//发送数据之前

              complete:function(){$("#divload").hide();$("#Pagination").show();},//接收数据完毕

              success:function(json) {

                       $("#productTable tr:gt(0)").remove();

                       var productData = json.pageData;

                       pageCount=json.pageCount;

                       if(productData==""){

                          $("#divload").hide();

                          dis();

                          return false;

                       }

                       $.each(productData, function(i, n) {

                           var trs = "";

                           trs += "<tr><td align='center'>" + n.id_t + "</td><td align='center'>"+n.name_t+"</td><td align='center'>"+n.reamark_t+"</td><td align='center'>"+n.age_t+"</td><td align='center'>"+n.hobby_t+"</td><td align='center'><a href=\"javascript:edit('')\">编辑</a>  <a href=\"javascript:view('')\">查看</a></td></tr>";

                        tbody+=trs;

                       });

                         $("#productTable").append(tbody);

                        //行交替颜色

                         $("#productTable tr:gt(0):odd").attr("class", "");

                         $("#productTable tr:gt(0):even").attr("class", "");

                       }//end of success

               });

              if(pageCount!=0){

                  $("#Pagination").pagination(pageCount, {

                   callback: pageselectCallback,

                   prev_text: '<< 上一页',

                   next_text: '下一页 >>',

                   items_per_page:3,//与action中定义的一个界面显示数量保持一致

		            num_display_entries:6,

		            current_page:pageindx,

		            num_edge_entries:2

               });

              }

      }

//排序

	   function Sort(ordercolumn,ordertipid){

       var ordertype="";//1:desc,0:asc

       var $orderimg = $("#"+ordertipid);

       if($orderimg.html()!="")

       {

            var imgsrc="";

            //$(子，父)

            imgsrc = $("img",$orderimg).attr("src");

            alert(imgsrc);

            if(imgsrc.indexOf("asc")>-1){

                 $(".ordertip").empty();

                 $orderimg.html(" <img src=\"images/sort_desc.gif\" align=\"absmiddle\">");

                 ordertype = 1;

            }

           else

           {

              $(".ordertip").empty();

               $orderimg.html(" <img src=\"images/sort_asc.gif\" align=\"absmiddle\">");

               ordertype = 0;

           }

       }

       else

       {

            $(".ordertip").empty();

            $orderimg.html(" <img src=\"images/sort_desc.gif\" align=\"absmiddle\">");

               ordertype = 1;

        }

       orderby = ordercolumn+"_"+ordertype;

       initData(0);

   }

	</script>

  </head>

  <body>

    <div id="divload" style="top:50%; right:50%;position:absolute; padding:0px; margin:0px; z-index:999"></div>

    <table id="productTable" style="width:70%" class="TableList">

           <tr class="TableHeader">

             <th nowrap align="middle"><a style="cursor:pointer;" onclick="Sort('id_t','id_t');return false;">id</a><span id="id_t" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

             <th nowrap align="middle"><a style="cursor:pointer;" onclick="Sort('name_t','name_t');return false;">name</a><span id="name_t" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

             <th nowrap align="middle"><a style="cursor:pointer;" onclick="Sort('remark_t','remark_t');return false;">remark</a><span id="remark_t" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

             <th nowrap align="middle"><a style="cursor:pointer;" onclick="Sort('age_t','age_t');return false;">age</a><span id="age_t" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

             <th nowrap align="middle"><a style="cursor:pointer;" onclick="Sort('hobby_t','hobby_t');return false;">hobby</a><span id="hobby_t" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

             <th nowrap align="middle"><a style="cursor:pointer;">操作</a><span id="Span8" class="ordertip"><img src="data:images/sort_desc.gif" align="absmiddle"></span></th>

          </tr>

     </table>

        <div id="Pagination" class="flickr" style="text-align:left"></div>

  </body>

</html>

package com.jiang.action;

import com.jiang.DB.GetData;

import com.opensymphony.xwork2.ActionSupport;

public class GetPageData extends ActionSupport {

	private String p;//当前页

	private String orderby;//排序规则

	private String data;

     public String getData() {

		return data;

	}

	public void setData(String data) {

		this.data = data;

	}

	public String getP() {

		return p;

	}

	public void setP(String p) {

		this.p = p;

	}

	public String getOrderby() {

		return orderby;

	}

	public void setOrderby(String orderby) {

		this.orderby = orderby;

	}

	public String execute()throws Exception{

		System.out.println("p:"+p);

		System.out.println("orderby:"+orderby);

    	 if("".equals(orderby)){

    		 orderby="order by id_t";

    	 }

    	 if("".equals(p)){

    		 p=String.valueOf(1);

    	 }

    	 if(Integer.parseInt(p)==0){

    		 p=String.valueOf(1);

    	 }

    	 data=GetData.getJson("pagetest", "*", "","order by id_t", Integer.parseInt(p), 3);

    	 System.out.println("data:"+data);

//    	 System.out.println(data);

    	 return SUCCESS;

     }

}

打印结果：data:{"pageCount":"4","pageData":[{"id":"1","id_t":"1","name":"1","remark":"1","age":"1","hobby":"1"},{"id":"2","id_t":"2","name":"b","remark":"b","age":"b","hobby":"b"},{"id":"3","id_t":"3","name":"啊","remark":"啊","age":"啊","hobby":"啊"},{"id":"4","id_t":"4","name":"啊","remark":"啊","age":"啊","hobby":"啊"},]}

package com.jiang.DB;

import java.sql.ResultSetMetaData;

import java.sql.SQLException;

import java.util.ArrayList;

import java.util.List;

import javax.sql.RowSet;

public class GetData {

     public static String getJson(String tableName,String select,String where,String orderby,int pageIndex,int pageCount){

         StringBuilder sb=new StringBuilder();

         sb.append("select "+select+" from "+tableName);

         if(!"".equals(where)){

        	 sb.append(" ");

        	 if(where.startsWith("where")){

        		 sb.append(" "+where);

        	 }else{

        		 sb.append(" where "+where);

        	 }

         }

         sb.append(" "+orderby+" ");

         int temp=(pageIndex-1)*pageCount;

         sb.append(" limit "+temp+","+pageCount);

    	 RowSet rt=DBop.search(sb.toString());

    	 //求数据总条目数

         int rowNum=0;

         rowNum=DBop.getNum(tableName,where);

    	 return RowSetToJson(rt,rowNum,pageCount);

     }

     /*

      * @param count 数据总条目数

      * @param pageCount 每页显示数据数

      * */

     private static String RowSetToJson(RowSet rt,int count,int pageCount){

    	 ResultSetMetaData rm=null;

    	 StringBuilder sb=new StringBuilder();

    	 try {

			 rm=rt.getMetaData();

			 sb.append("{\"pageCount\":\""+count+"\",\"pageData\":[");

			 int columNum=rm.getColumnCount();

			 List<String> list=new ArrayList<String>();

			 for(int i=0;i<columNum;i++){

				 list.add(rm.getColumnName(i+1));

			 }

			 for(int i=0;i<pageCount&&rt.next();i++){

				 sb.append("{");

				 for(int j=0;j<list.size();j++){

					 if(j!=list.size()-1){

						 sb.append("\""+list.get(j)+"\":\""+rt.getString(list.get(j))+"\",");

					 }else{

						 sb.append("\""+list.get(j)+"\":\""+rt.getString(list.get(j))+"\"");

					 }

				 }

				 if(i!=pageCount-1){

					 sb.append("},");

				 }else{

					 sb.append("}");

				 }

			 }

			 sb.append("]}");

		} catch (SQLException e) {

			// TODO Auto-generated catch block

			e.printStackTrace();

		}

    	 return sb.toString();

     }

     public static void main(String[] args){

    	 String temp=GetData.getJson("pagetest", "*", "","order by id_t", 1000, 10);

    	 System.out.println(temp);

     }

}

源：http://a881127b.iteye.com/blog/972277

拼接json示例 json分页并显示所有页码的更多相关文章

jquery ajax json简单的分页，模拟数据，没有封装，只显示原理
简单的分页,模拟数据,没有封装,显示原理,大家有兴趣可以自己封装,这里只是个原理过程,真正的分页也差不多是这个原理,只是请求数据不太一样,html部分: <!TOCTYPE HTML> & ...
基于Jquery+Ajax+Json+存储过程高效分页
在做后台开发中,都会有大量的列表展示,下面给大家给大家分享一套基于Jquery+Ajax+Json+存储过程高效分页列表,只需要传递几个参数即可.当然代码也有改进的地方,如果大家有更好的方法,愿留下宝 ...
如何构建 MVC&AJax&JSon示例
背景: 博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax. 直接查看JSon部分步骤: 1,添加控制器(HomeController)和动作方法(In ...
如何构建ASP.NET MVC4&JQuery&AJax&JSon示例
背景: 博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax. 步骤: 1,添加控制器(HomeController)和动作方法(Index),并为Inde ...
.Net使用Newtonsoft.Json.dll(JSON.NET)对象序列化成json、反序列化json示例教程
JSON作为一种轻量级的数据交换格式,简单灵活,被很多系统用来数据交互,作为一名.NET开发人员,JSON.NET无疑是最好的序列化框架,支持XML和JSON序列化,高性能,免费开源,支持LINQ查询 ...
《项目经验》--后台一般处理程序向前台JS文件传递JSON，JS解析JSON,将数据显示在界面--显示在DropDownList 或显示在动态创建的table中
http://blog.csdn.net/mazhaojuan/article/details/8599167 先看一下我要实现的功能界面: 这篇文章主要介绍:后台一般处理程序把从数据库查找的数据,转 ...
关于springmvc 返回json数据null字段的显示问题-转https://blog.csdn.net/qq_23911069/article/details/62063450
最近做项目(ssm框架)的时候,发现从后台返回的json(fastjson)数据对应不上实体类,从数据库查询的数据,如果对应的实体类的字段没有信息的话,json数据里面就不显示,这不是我想要的结果,准 ...
python2.7中关于编码，json格式的中文输出显示
当我们用requests请求一个返回json的接口时候, 语法是 result=requests.post(url,data).content print type(result),result 得到 ...
ajax——优化0126（增删改查：添加查看详情，返回结果类型为JSON型，在窗口显示）
效果: 鼠标点击查看详情时数据库: 0126.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

随机推荐

各种不会。。。。编译和安装hadoop过程中好多命令和工具不会
http://blog.csdn.net/bamuta/article/details/13506893 64位下解决方法(重新编译~~) http://zhidao.baidu.com/link? ...
JavaScript DOM高级程序设计 5动态修改样式和层叠样式表1（源代码）--我要坚持到底！
W3C DOM2样式规范现在这边贴出本章要的源代码,注意要结合前面用到的ADS库http://vdisk.weibo.com/s/Dq8NU CSSStyleSheet对象属性: type :始终是 ...
poj2750Potted Flower (线段树）
http://poj.org/problem?id=2750 之前做过类似的题把一段的左连续最大.最小右连续最大及最小及中间的连续更新出就可以算出这段最大的连续和注意不能全部加上加上一特判 ...
如何把Excel另存为XML格式文件（快速转换）
这时,我们尝试另存为另一种文件类型: XML电子表格2003(*.xml)
Oracle Length 和 Lengthb 函数说明 .(用来判断记录值里是否有中文内容)
一.官网的说明 http://download.oracle.com/docs/cd/E11882_01/server.112/e26088/functions088.htm#SQLRF00658 P ...
Samba 安全漏洞
漏洞名称: Samba 安全漏洞 CNNVD编号: CNNVD-201403-239 发布时间: 2014-03-17 更新时间: 2014-03-17 危害等级: 中危漏洞类型: 信任管理威 ...
【转】AngularJS路由和模板
1. AngularJS路由介绍 AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样.后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(re ...
git提交小结
git有工作区和暂存区的概念,工作区就是可以看到文件目录的地方,暂存区则是提交代码的地方第一步,进入文件工作目录,终端输入命令 $ dir1/dir2: 第二步,查看哪些文件已经修改,输入命令 $ ...
JPA简单知识
,JPA(Java Persistence API):通过注解或XML描述对象--关系表的映射关系,并将运行期的实体对象持久化到数据库中. JPA是一套规范,不是某个ORM产品,它主要包括以下3方面的 ...
NGINX(五)模块
nginx模块分为以下几类: NGX_CORE_MODULE //核心模块 NGX_HTTP_MODULE //HTTP处理模块 NGX_EVENT_MODULE //事件处理模块 NGX_MAIL_ ...

拼接json示例 json分页并显示所有页码

拼接json示例 json分页并显示所有页码的更多相关文章

随机推荐

热门专题