ajax实现异步刷新分页,Ajax异步刷新分页功能-MySQL

1.Servlet中代码

/** 条件Map */

Map map=new HashMap();

/** 分页配置 */

int index = request.getParameter("index")==null?1:Integer.parseInt(request.getParameter("index"));

int size=2;

map.put("index", (index-1)*size);

map.put("size", size);

/** 根据用户不同的请求进入不同的响应操作 */

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

boolean mark=false;

if(method!=null){

if(method.equals("paging")){

/**执行分页操作 */

mark=true;

}

}

/** 得到用户添加到购物车中的商品集合 */

List entrys = session.getMapper(EntryDao.class).selectUsEntry(map);

if(mark){

String entrysJson = JSONArray.fromObject(entrys).toString();

out.print(entrysJson);

return;

}

/** 得到总条数 算出总页数 */

Integer entryCount = session.getMapper(EntryDao.class).entryCount(map);

int totalPage=entryCount%size==0?entryCount/size:entryCount/size+1;

/** 响应结果 */

request.setAttribute("entrys", entrys);//得到用户的购物车

request.setAttribute("totalPage", totalPage);//总条数

/** 转发跳转 */

request.getRequestDispatcher("page/crat_page.jsp").forward(request, response);

此为JSP的代码

类别商品名字普通价格会员价格数量操作

${entry.commodity.variety.nickName }${entry.commodity.nickName }${entry.commodity.ordinaryPrice }${entry.commodity.memberPrice }${entry.quantity }

1\${requestScope.totalPage}

此为JQuerty的代码

/** 全局变量 */

var index = 1;

var totalPage = 0;

/** 分页窗体事件 */

$(function () {

/**取从Servlect中传到JSP页面的总条数信息 给全局变量totalPage 赋值

* 下为JSP页面中显示当前页和总页数

* 1\${requestScope.senior.totalPage}

*/

totalPage=$("#totalPage").html();

//首页

$('#firstpage').click(function () {

if (index != 1) {

index = 1;

paging();/** 点击分页异步刷新函数 */

}

return false;

});

//尾页

$('#lastpage').click(function () {

if (index != totalPage) {

index = totalPage;

paging();

}

return false;

});

//上一页

$("#beforepage").click(function () {

if (index != 1) {

index = index - 1;

paging();

}

return false;

});

//下一页

$("#nextpage").click(function () {

if (index < totalPage) {

index = index + 1;

paging();

}

return false;

});

})

/** 点击分页 */

function paging(){

ajaxBase("cartPageServlet?method=paging","index="+index,"paging");

/** 给页面显示当前页赋值 */

$("#index").html(index);

}

/** ajax函数工具类

* @param url:地址

* @param data:请求参数

* @param method:方法信号，作用判断进行什么操作

*/

function ajaxBase(url,data,method){

$.ajax({

type:'post',

url:''+url+'',

cache:false,

data:data,

dataType:'text',

success:function(result){

alert("ajax函数工具类:success");

/** 调用请求成功后的操作函数 */

success(result,method);

},

error:function(){

alert("ajax函数工具类:error");

}

});

}

/** 根据method方法信号判断进行什么操作

* @param result:服务端响应的数据

* @param method:方法信号，作用判断进行什么操作

*/

function success(result,method){

if(method=="paging"){

$("#tbodyEntry").children().remove();

var result = eval("("+result+")");

var append="";

for(var rst in result){

append=append+""

+"

"

+"

"+result[rst].commodity.variety.nickName+""

+"

"+result[rst].commodity.nickName+""

+"

"+result[rst].commodity.ordinaryPrice +""

+"

"+result[rst].commodity.memberPrice +""

+"

"+result[rst].quantity +""

+"

"

+""

+"

"

+"

"

}

$("#tbodyEntry").append(append);

}

}

springmvc结合ajax的分页功能

var itemCount;//符合查找条件的商品总页数,分页参考 var pageIndex = 0;//当前页,默认为0 var pageSize = 8;//每页显示个数为8 //按条件查找用户 ...

分页功能实现之通过ajax实现表单内容刷新

拿代码来说话 我们的需求就是点击翻页功能,实现表格内容局部刷新且能够翻到对应的页面上,不明白? 那么就看看下面的图,需要达到的效果如下所示: 现在要实现的功能就是把红线框起来的表单内容 在点击翻页的时 ...

Jquery、Ajax实现新闻列表页分页功能

前端页面官网的开发,离不开新闻列表,新闻列表一般都会有分页的功能,下面是我自己总结加查找网上资料写的一个分页的功能,记录一下. 首先,官网的开发建立在前后端分离的基础上: 再有,后端小伙伴们提供列表页 ...

2018&period;2&period;28 PHP中使用jQuery&plus;Ajax实现分页查询多功能如何操作

PHP中使用jQuery+Ajax实现分页查询多功能如何操作 1.首先做主页Ajax_pag.php 代码如下

纯手写实现ajax分页功能

前言 最近用到了这个功能,百度大半天,网上的不是有各种问题就是需要引入其他的插件,无奈,只能自己写,大致功能已经完成.前端页面用bootstrap做样式,分页功能用ajax实现,没用其他插件哦,只引入 ...

原生PHP实现Mysql数据分页功能

一. 思路整理 实现一个数据分页功能,需要有数据的总条数,每页展示的条数,和当前在第几页这三个参数 通过⌈总条数/每页展示的条数⌉可以得到总页数,比如某留言板有101条留言,每页展示10条,一那就需要 ...

PHP中使用jQuery&plus;Ajax实现分页查询多功能操作

1.首先做主页面Ajax_pag.php 代码如下:

c&plus;&plus; 的 坑真多之头文件

我发现类在做参数时,是可以不引用头文件,即不用#include"xxx.h"的,比如下面这样是没有问题的 #pragma once #include ...

coco2dx加载网络图片并保存

直接上代码 bool HelloWorld::init() { // // 1. super init first if ( !Layer::i ...

PHP url重定向

1.使用header()函数 PHP的 HTTP相关函数种提供了一个 header()函数,首先要清楚,header()函数必须放在php程序的开头部分,而且之前不能有另外的 header() 函数或 ...

ubuntu下的apache的虚拟主机的配置

ubuntu下的虚拟主机的配置相对window下的虚拟主机配置有些许不同. 对于要新建的虚拟主机,我们可以有如下几个步骤: 1.在/etc/apache2/sites-available/目录下新建一 ...

vue 重构项目第一步(vue-cli跟bootstrap)

一.先安装jq跟bootstrap 1.因为bootstrap依赖jq,先安装jq----->npm install jquery@1.11.3 --save-dev   ----->可以 ...

PAT A1137 Final Grading (25 分)——排序

For a student taking the online course "Data Structures" on China University MOOC (http:// ...

Django----Admin流程

Admin执行步骤 启动文件: 1:创建app-----stark 2:在每个app中创建stark 3:django----admin---- 4:在stark中写入:--------------- ...