<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@page import="java.util.*"%>
<%@page import="com.siku.bean.*"%>
<%@ taglib uri="http://www.codingfarmer.com/tags" prefix="util"%>
<script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
<script>
var maxpage = 1;
var currpage = 1;
alert(2222);
$.ajax( {
url : "http://121.101.216.142:8270/OMoney/Mixi_Buy?userId=29426397&type=1",
cache : "false",
success : function(html) {
//update
maxpage = html;
alert(maxpage);
$("#cm").empty();
$("#cm").append(currpage + "/" + maxpage);
}
});
findAll(1);
function home() {
if(currpage>1){
findAll(1);
currpage = 1;
document.getElementById("cm").innerHTML = currpage + "/" + maxpage;
}
}
function last() {
if(currpage<maxpage){
findAll(maxpage);
currpage = maxpage
document.getElementById("cm").innerHTML = currpage + "/" + maxpage;
}
}
function before() {
if (currpage > 1) {
currpage -= 1;
findAll(currpage);
document.getElementById("cm").innerHTML = currpage + "/" + maxpage;
}
}
function next() {
if (currpage < maxpage) {
currpage += 1;
findAll(currpage);
document.getElementById("cm").innerHTML = currpage + "/" + maxpage;
}
}
function getmaxpage() {
alert(2222);
$.ajax( {
url : "http://121.101.216.142:8270/OMoney/Mixi_Buy?userId=29426397&type=1",
cache : "false",
success : function(html) {
//update
maxpage = html;
alert(maxpage);
$("#cm").empty();
$("#cm").append(currpage + "/" + maxpage);
}
});
findAll(1);
}
function findAll(currpage) {
$
.ajax( {
url : "http://121.101.216.142:8270/OMoney/Mixi_Buy?userId=29426397&type=0&page="
+ currpage,
cache : "false",
success : function(html) {
$("#tbl").empty();
if (html != "") {
$("#tbl")
.append(
"<tr><td width= '324 ' align= 'center '>番号</td><td width= '191 ' align= 'center '>チャージ日時</td><td width= '271 ' align= 'center '>お預け入れ(円)</td><td width= '271 ' align= 'center '>○貨</td><td width= '271 ' align= 'center '>決済方法</td></tr>");
var usertaskvc = html.split("+");
for ( var i = 0; i < usertaskvc.length-1; i++) {
$("#tbl").append(
"<tr id='tr" + i + "'><td>"
+ usertaskvc[i].split("|")[0]
+ "</td><td>"
+ usertaskvc[i].split("|")[1]
+ "</td><td>"
+ usertaskvc[i].split("|")[2]
+ "</td><td>"
+ usertaskvc[i].split("|")[3]
+ "</td><td>"
+ usertaskvc[i].split("|")[4]
+ "</td></tr>");
}
} else {
alert("没有数据!");
}
}
});
}
</script>
<!--top content-->
<div class="nav">
<ul>
<li><a href="mixi_index.html">O貨購入</a></li>
<li><a href="mixi_buy.jsp" class="cur">チャージ履歴</a></li>
<li><a href="mixi_consume.jsp">O貨履歴</a></li>
</ul>
<div class="nav_R">所有O貨:<strong class="red"> 0</strong>
O貨購入する金額を選んでください。</div>
<div class="clear"></div>
</div>
<!--end top content-->
<table id="tbl" width="800" height="32" border="1" align="left"
cellpadding="0" cellspacing="0" bordercolor="#0099CC" class="tablecss">
</table>
<table width="200" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td><a href="#" onclick=
home();
>home</a></td>
<td><a href="#" onclick=
before();
>before</a></td>
<td><a href="#" onclick=
next();
>next</a></td>
<td><a href="#" onclick=
last();
>last</a></td>
</tr>
<tr>
<td colspan="4" align="center" id="cm">xx/xx</td>
</tr>
</table>
分享到:
相关推荐
代码简介:jquery实现无刷新分页插件免费下载
很好的一款jquery分层无刷新分页、各字段排序(northwind数据库)代码完整。供大家学习
jQuery无刷新分页插件是一款刷新页面不便的分页插件下载。
JqueryAjax 无刷新分页 带数据库 直接可运行 pageTest.asp js封装 简化代码
发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,实现起来都非常的简单,...
实现了左侧无刷新分页列表,右侧显示点击左侧缩略图后所得到的大图及文字的详细信息效果代码,此段代码适应于所有需要此类效果的网页使用。本段代码兼容目前最新的各类主流浏览器。
在网络里找来找去,找来找去,找到失望了,终于被我找到一个可以用的 jquery 无刷新分页,我再在这个代码里改变了一写代码, // public string pageCount = string.Empty; //总条目数 protected void Page_Load...
代码简介:jQuery不刷新分页动态数据表格代码是一款实用的jquery表格插件。
jquery 分页代码,Ajax无刷新分页效果,简单易开发
jQuery无刷新分页查找实例是一款基于AngularJS和Bootstrap制作的无刷新分页,查找搜索实例的网页代码。选择区域框中输入要查找的关键字就会显示出来内容。
【ASP.NET编程知识】asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码.docx
JqueryAjaxPage 基本java jquery无刷新数据库分页,分页形式是基本数字格式的,代码完整!欢迎大家下载..
主要介绍了jQuery无刷新分页实现方法,以完整实例形式分析了jQuery实现分页的数值计算与元素操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
其核心代码jquery.pagination.js已随示例打包,Demo中包括了5种不同的分页效果演示,全部是Ajax无刷新方式实现分页,对于搞前端开发的朋友来说,这是个值得收藏的代码特效,为以后实现无刷新分页提供方便。...
通过jquery实现PHP的无刷新分布,代码很完善,功能非常强大。学习分页的朋友可以下载看看,值得收藏!
基于JQuery的Js无刷新分页绑定数据,运行于ASP.NET环境,直接打开演示页面会导致出错。程序实现方面:先取得分页总数,把分页总数放到变量pageCount里,隐藏loading提示,设置翻页按钮的初始状态,绑定第一页的数据...
1.无刷新分页控件,以Northwind数据库为示例, 2.支持多种分页样式选择,也可以自己修改源代码自定义 3.可以单击任意字段排序 4.MsSql数据库封装访问类,可以修改代码应用于其他数据库 5.继承自IHttpHandler接口...
jQuery分页代码:无刷新ajax的翻页效果,简单说一下这个插件所要实现的功能,后台将查询出来的内容全部显示到页面上,这个插件要控制这些内容,使其一页一页显示。有上一页,下一页,首页,尾页的功能。在第一页时,...
AspNetPager分页控件绑定服务器端数据源 使用JQuery和ajax实现无刷新分页代码
介绍了jQuery 无刷新分页实例代码,有需要的朋友可以参考一下