`

对内容字段的翻页

    博客分类：
  • JAVA
json游戏JavaScriptServletjQuery 
阅读更多 
<%@ 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为项目源码

0
顶
0
踩
分享到：
| Chart之PieChart简单应用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    泛微E9 JS实现流程字段联动出附件图片效果.docx

    这意味着我们需要对图片进行动态加载，并且提供相应的用户交互控制。 3. **实现图片控件**： 在JavaScript代码中，可以使用HTML5的Canvas或者img元素来显示图片，同时利用CSS进行样式控制。为了实现翻页和旋转，...

    asp 翻页技术源代码

    这里对`current_page`进行了检查和处理，确保其值在合法范围内。之后，通过`AbsolutePage`属性将Recordset定位到当前页，以便于渲染当前页的数据。 在HTML部分，创建了一个表格来显示文章列表，包括标题、上传时间...

    完美翻页存储过程实例

    用户可以逐页浏览，而不是一次性看到所有内容。分页通常需要两个参数：当前页数和每页显示的记录数。 存储过程在此场景中的作用是封装分页查询逻辑，避免在应用层重复编写相同的SQL代码。它可以接受当前页和每页...

    WPF 翻页类似书翻页带有数据库

    在WPF应用中，先用查询获取书籍列表，然后在翻页控件的每个页面上显示相应的书籍标题和内容。使用LINQ查询语句如下： ```csharp var books = from b in context.Books select b; foreach (var book in books) { ...

    对一个数据库表进行编辑：列表、翻页、插入、删除、修改。

    本文将深入探讨如何对一个数据库表进行编辑，包括列表显示、翻页、插入新记录、删除现有记录以及修改已有记录。这些功能对于任何数据驱动的应用程序来说都是至关重要的。 首先，我们来关注列表显示。在数据库应用中...

    ASP.Net 翻页后继续维持排序.doc

    此外，用户经常需要根据不同的字段对数据进行排序。这就涉及到一个重要的问题：如何在翻页之后继续保持之前的排序状态？本文档将详细介绍ASP.NET中实现这一功能的方法。 #### 关键知识点 1. **ASP.NET中的数据绑定...

    大数据量翻页查询的一点经验

    当用户对查询结果进行排序时，我们需要创建索引来加速。在这种情况下，为每个可能的排序字段创建包含所有字段的复合索引，如SQL语句3所示。这种做法虽然会增加存储空间的需求，但能显著提高排序查询的速度。`/*+ ...

    FLASH翻页广告，非常漂亮

    3. **Flash组件**：预定义的可重用对象，如按钮、文本字段和视频播放器，可以帮助快速构建交互式界面。在广告中，这些组件常被用来增强用户体验，如点击跳转链接、播放音频或视频。 4. **翻页效果**：在Flash中，...

    ASP多功能翻页函数

    其value 记录查询语句中第一个字段值，一般设为id值 2-width-height-top-left为弹出窗口加宽、高、上边距、左边距 3-width-height-top-left为弹出窗口加宽、高、上边距、左边距,含checkbox ifdel 是否需要...

    Javaweb实现简单的翻页

    -- 其他字段... --&gt; &lt;!-- 分页导航 --&gt; ${not empty users}"&gt; ${pageNumber gt 1}"&gt; ${pageNumber - 1}"&gt;上一页 上一页 | ${fn:length(users) lt pageSize}"&gt; ${pageNumber + 1}"&gt;下一页 ...

    vc 电话薄实现了翻页和切换页

    - **排序与过滤**：允许用户按照不同的字段（如姓名、最近联系时间等）对联系人进行排序，并能根据特定条件（如未存电话号码）筛选联系人。 5. **性能优化**： - **懒加载**：在用户滚动页面时，动态加载下一页...

    table表格无刷新翻页排序

    "Table表格无刷新翻页排序"是一个利用JavaScript实现的技术方案，它允许用户在不重新加载整个页面的情况下，对表格进行分页浏览和内容排序，提升了用户体验。 首先，我们要理解这个技术的核心——AJAX...

    基于Qt和C++实现的数据库通用翻页类+源码

    2:只需要传入表名/字段集合/每页行数/翻页指示按钮/文字指示标签 3:提供公共静态方法绑定字段数据到下拉框 4:建议条件字段用数字类型的主键,速度极快 5:增加线程查询符合条件的记录总数,数据量巨大时候不会卡主界面 ...

    Flash+XML翻页相册源码

    4. **交互实现**：实现翻页动画，这通常涉及到复杂的运动曲线和时间轴控制，以及对用户点击或触摸事件的响应。 5. **用户反馈**：添加交互元素，如缩略图导航、下一页/上一页按钮，以增强用户体验。 此Flash+XML...

    翻页功能

    在IT行业中，翻页功能是用户界面设计中的一个重要组成部分，特别是在网页、应用程序和软件中，当内容过多无法一次性展示时，通常会采用翻页来帮助用户分步浏览。"ext"标签可能指的是Ext JS，这是一个广泛使用的...

    SAP Screen & Dailog 设计技巧

    在 Table 维护屏幕中，需要根据不同的数据输入内容对显示字段的显示状态进行处理。例如，新增的项目可以以蓝色显示，以区别于原有项目的灰色。这种设置可以通过 Loop 语句在 PBO 流中实现。 4. 屏幕字段输入检查时...

    爬虫和网络安全领域+对网络漏洞CVE描述信息进行爬虫+获得关键字段+用于做网络安全方面防护研究方面的数据分析及算法研发作用

    该脚本是本人自主开发，实现对网络漏洞CVE数据进行爬取，主要涉及爬虫和网络访问功能，实现对CVE网络漏洞描述的关键字段进行获取，包含CVE编号，危害等级，漏洞类型，供应商，型号，设备类型，固件版本号等信息。...

    ASP高效分页----最快的分页法，逐页翻页速度极快

    利用JavaScript进行前端分页，当用户翻页时，通过AJAX异步请求数据，只更新页面中的部分内容，提高用户体验。这样，即使页面数据量大，也不会阻塞页面加载。 五、预加载和懒加载 预加载是在用户翻页之前，预先加载...

Magicbox
Global site tag (gtag.js) - Google Analytics