对内容字段的翻页

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String basePath = request.getContextPath();
request.setAttribute("basePath",basePath);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>json的使用</title>
	<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
	<script type="text/javascript">
		
		var content;//内容
		var pageIndex = 1;//默认第一页
		var totalPage=1;//默认只有1页
		var pageSize = 276;//每页显示的长度
		
		$(function(){
			$('#content').css('width','300px');
			$.ajax({
			  type: "POST",
			  url: "CompanyInfoAction",
			  dataType: "json",
			  success:function(data){
			  	$('#title').html(data.title);//设置标题
			  	content = data.content;//给变量内容赋值
			  	$('#length').html(content.length);
			  	setTotalPage(content);			    
			  	$('#totalPage').html(totalPage);
			  	processContent();
			  }
			});
		});
		
		//设置总页数
		function setTotalPage(content){
			totalPage = content.length%pageSize==0?
			  				    content.length/pageSize:
			  				    parseInt(content.length/pageSize)+1;//总的页数
		}
		
		//处理上一页
		function pre(){
			if(pageIndex>1){
				pageIndex--;
				processContent();
			}
		}
		
		//处理内容
		function processContent(){
			$('#pageIndex').html(pageIndex);
			$('#content').html(content.substring((pageIndex-1)*pageSize,pageIndex*pageSize));
			
		}
		
		//处理下一页
		function next(){
			if(pageIndex<totalPage){
				pageIndex++;
				processContent();
			}
		}
	</script>
  </head>
  
  <body>
  	内容长度:<span id="length"></span><br/>
  	总页数:<span id="totalPage"></span><br/>
  	当前第几页:<span id="pageIndex">1</span><br/>
  	
    <a href="javascript:pre()">上一页</a><a href="javascript:next()">下一页</a>
    <div id="title"></div>
    <div id="content"></div>
  </body>
</html>

 

package org.forever.json.web.action;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.forever.json.domain.CompanyInfo;

import net.sf.json.JSONObject;

public class CompanyInfoAction extends HttpServlet {

	private static final long serialVersionUID = 2238876294528064552L;

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		System.out.println("CompanyInfoAction()");
		response.setCharacterEncoding("UTF-8");
		PrintWriter out = response.getWriter();
		CompanyInfo companyInfo = new CompanyInfo();
		companyInfo.setTitle("标题简介");
		companyInfo.setContent(
				"  第一页她楚梦璃,终于嫁给了自己最爱的人,新婚之夜,换来是无尽的羞辱。"+
				"哈哈……”男子逸出一抹极寒的冷笑,黑眸尖锐骇人,眼中冰冷一片,透射着绝顶的愤怒,"+ 
				"只有不断的嗜血,折磨,似乎才能消除仇恨,不,仇恨,已经生根发芽了。"+
				"他亲手喂她喝下堕胎药,她手捧着已经成形的婴孩,鲜血淋淋,血腥的气味弥漫着整个房间。"+
				"“啊……”如鬼魅的声音回荡着璃园,半生如梦,繁华逝去。"+
				"我楚梦璃发誓,只要云洛寒喜欢的,我就要毁了他,我要一步步的毁了它。云洛寒,我们的游戏才刚刚开始……"+
				"倾城红颜,只为一个情字,恨字,殊不知,恨得越深,爱的就越深,爱了,伤了,冥冥之中,谁能够融化她那颗冰封的心呢?"+
				"  第二页她楚梦璃,终于嫁给了自己最爱的人,新婚之夜,换来是无尽的羞辱。"+
				"哈哈……”男子逸出一抹极寒的冷笑,黑眸尖锐骇人,眼中冰冷一片,透射着绝顶的愤怒,"+ 
				"只有不断的嗜血,折磨,似乎才能消除仇恨,不,仇恨,已经生根发芽了。"+
				"他亲手喂她喝下堕胎药,她手捧着已经成形的婴孩,鲜血淋淋,血腥的气味弥漫着整个房间。"+
				"“啊……”如鬼魅的声音回荡着璃园,半生如梦,繁华逝去。"+
				"我楚梦璃发誓,只要云洛寒喜欢的,我就要毁了他,我要一步步的毁了它。云洛寒,我们的游戏才刚刚开始……"+
				"倾城红颜,只为一个情字,恨字,殊不知,恨得越深,爱的就越深,爱了,伤了,冥冥之中,谁能够融化她那颗冰封的心呢?"+
				"  第三页她楚梦璃,终于嫁给了自己最爱的人,新婚之夜,换来是无尽的羞辱。"+
				"哈哈……”男子逸出一抹极寒的冷笑,黑眸尖锐骇人,眼中冰冷一片,透射着绝顶的愤怒,"+ 
				"只有不断的嗜血,折磨,似乎才能消除仇恨,不,仇恨,已经生根发芽了。"+
				"他亲手喂她喝下堕胎药,她手捧着已经成形的婴孩,鲜血淋淋,血腥的气味弥漫着整个房间。"+
				"“啊……”如鬼魅的声音回荡着璃园,半生如梦,繁华逝去。"+
				"我楚梦璃发誓,只要云洛寒喜欢的,我就要毁了他,我要一步步的毁了它。云洛寒,我们的游戏才刚刚开始……"+
				"倾城红颜,只为一个情字,恨字,殊不知,恨得越深,爱的就越深,爱了,伤了,冥冥之中,谁能够融化她那颗冰封的心呢?"
		);
		JSONObject jsonObject =JSONObject.fromObject(companyInfo);
		System.out.println("json:"+jsonObject.toString());
		out.print(jsonObject.toString());
		out.flush();
		out.close();
	}

}

 

package org.forever.json.domain;

import java.io.Serializable;

/**
 * 公司信息
 * @author forever
 *
 */
public class CompanyInfo implements Serializable{

	private static final long serialVersionUID = -830728282433517343L;
	
	private int id;
	private String title;
	private String content;

	public CompanyInfo() {
	}

	public int getId() {
		return id;
	}

	public void setId(int id) {
		this.id = id;
	}

	public String getTitle() {
		return title;
	}

	public void setTitle(String title) {
		this.title = title;
	}

	public String getContent() {
		return content;
	}

	public void setContent(String content) {
		this.content = content;
	}

}

 json.rar为项目源码

你可能感兴趣的:(JavaScript,jquery,游戏,json,servlet)