拼接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 ...

随机推荐

Android EditView 阻止软键盘自动弹出
最近再做一个查询内的小应用,界面最上面是一个EditText查询框,进行Activity后,总会弹起软键盘.这样就挡住了查询框下面的其他查询条件控件,感觉很不友好.所以现在要做的就是在进入Activ ...
ORA-14452: 试图创建, 更改或删除正在使用的临时表中的索引
ORA-14452: 试图创建, 更改或删除正在使用的临时表中的索引因为表KOL_XX_FIN050_TEMP 为临时表,而且有其他session正在使用. 处理步骤: 1.先从 dba ...
bzoj1293
简易贪心+heap 注意要用链表 type link=^node; node=record loc:longint; next:link; end; ...
[Unity3d]小地图的制作
继续今天的学习心得,unity中小地图的制作,实现了小地图中红色小箭头代表场景中的主角,然后人物方向的转变,小地图中箭头也随之改变方向. 效果图右上角就是小地图,上面有个红色小箭头就是代表主 ...
Linux 根文件系统制作
1.创建根文件目录 mkdir rootfs(名字是随便取的) 2.创建子目录 cd rootfs mkdir bin dev etc lib proc sbin sys usr mnt tmp va ...
实现类似QQ的即时通信程序(十一)
此为网络编程的一个系列,后续会把内容补上....
c语言编程风格
关于c语言的编程风格,不同的书上有不同的推荐,不同的公司有不同的要求.这里,做了一下基本规范说明. 1.变量定义在定义变量时,前缀使用变量的类型,之后使用表现变量用途的英文单词或单词缩写,且每个单词 ...
SQL LEFT JOIN 关键字
SQL LEFT JOIN 关键字 LEFT JOIN 关键字会从左表 (table_name1) 那里返回所有的行,即使在右表 (table_name2) 中没有匹配的行. LEFT JOIN 关键 ...
Java这点事
1--代码片段: 1 2 3 4 5 byte b1=1,b2=2,b3,b6; final byte b4=4,b5=6; b6=b4+b5; b3=(b1+b2); System.out ...
CXF之二（CXF发布webService）
Apache CXF提供了用于方便地构建和开发WebService的可靠基础架构.它允许创建高性能和可扩展的服务,可以部署在Tomcat和基于spring的轻量级容器中,也可以部署在更高级的服务器上, ...

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

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

随机推荐

热门专题