翻页采用jaxa
<!-- 翻页采用jaxa -->
<script type="text/javascript">
//class="page"下面的a被点击 时 取得a的href值,去做ajax请求,后把数据更新
$(document).ready(function()
{
//点击 翻页 或者 “我的投资 已回款 待回款”时
$(".page > a , .menu > a").live('click',function()
{
//拼接URL
var href = $(this).attr("href");
//发送ajax请求
$.ajax({
url: href,
cache: true,
success: success
});
return false;//阻止链接跳转
});
//改变 “我的投资 已回款 待回款”的样式
$(".menu > a").live('click',function()
{
$(this).addClass("current");
$(this).siblings().removeClass("current");
return false;//阻止链接跳转
});
//选择每页显示几条数据时
$("select").attr("onchange","");//清空原有的跳转
$("select").change(function()
{
$.ajax({
url: '/Common/setPageSize/pagesize/'+this.value
});
//发送ajax请求--请求内容和翻页
var select_href = $(".menu>.current").attr("href") ;
$.ajax({
url: select_href,
cache: true,
success: success
});
return false;
})
//成功取到数据后的处理
function success(data,status)
{
//删除table下面的内容
$("#table_content").children().remove();
var jdata=eval("("+data+")");//取回数据后处理
//console.log(jdata.info);/** 打印对像**/
console.log( jdata );
//然后添加新HTML表格内容
$.each( jdata.data, function(i, obj)
{
var td1=$("<td></td>").text(obj.order_time).addClass("tdT");//投资时间
var td2=$("<td></td>").text(obj.back_money_time).addClass("tdT");//回款时间
var names_html = "<a href="+"http://"+location.hostname+"/project/detail?id="+obj.project_id+">"+obj.names+"</a>";
var td3=$("<td></td>").append(names_html).addClass("tdN");//类型
var money_html = "<span>"+obj.money/obj.p_money+"份</span><br><span>"+obj.money+"元</span>";
var td4=$("<td></td>").append(money_html).addClass("tdM");//投资金额
if(obj.if_end == 0)
{
var re_html = "第"+obj.re_times+"期回款还有"+obj.next_time+"天";
}
else
{
var re_html = "回购完毕 ["+obj.dmonths+"]";
}
var td5=$("<td></td>").text(re_html).addClass("tdD c2");//回款时间
var detail_html ="<a href="+"http://"+location.hostname+"/order/detail?id="+obj.id+">详情</a>";
var td6=$("<td></td>").append(detail_html).addClass("tdA");//详细信息
var tr=$("<tr></tr>").append(td1,td2,td3,td4,td5,td6);
$("#table_content").append(tr);
});
//更新分页
$(".page").html("");
$(".page").append(jdata.info);
$("select").attr("onchange","");//清空原有的跳转
$("select").change(function()//设置新的处理方式
{
$.ajax({
url: '/Common/setPageSize/pagesize/'+this.value
});
//发送ajax请求--请求内容和翻页
var select_href = $(".menu>.current").attr("href") ;
$.ajax({
url: select_href,
cache: true,
success: success
});
return false;
})
}
});
</script>
翻页采用jaxa的更多相关文章
- 采用cocos2d-x lua 的listview 实现pageview的翻页效果之上下翻页效果
--翻页滚动效果local function fnScrollViewScrolling( sender,eventType) -- body if eventType == 10 the ...
- webapp应用--模拟电子书翻页效果
前言: 现在移动互联网发展火热,手机上网的用户越来越多,甚至大有超过pc访问的趋势.所以,用web程序做出仿原生效果的移动应用,也变得越来越流行了.这种程序也就是我们常说的单页应用程序,它也有一个英文 ...
- MySQL翻页查询技巧
在查询大量数据库,一般都会采用翻页.自然会想到offset跟limit. 今天知道了一个技巧,用id查询.因为id是主键,查起来很快. 思路是:给id一个区间做where条件,将数据分隔成几份,然后每 ...
- 利用GPU实现翻页效果
0x00 前言 有一段时间没有更新博客了,在考虑写点什么的时候正好赶上了这个月我的书<Unity 3D脚本编程>又加印了.因此写篇小文聊聊利用shader来实现翻书的效果吧. 虽然本文是这 ...
- API做翻页的两种思路
在开发API的时候,有时候数据太多了,就需要分页读取. 基于偏移量的分页(Offset-based) 这种方式就是会提供一个每页笔数(page size)来定义返回条目的最大数,提供一个页数(page ...
- 用ASP.NET Core 2.1 建立规范的 REST API -- 翻页/排序/过滤等
本文所需的一些预备知识可以看这里: http://www.cnblogs.com/cgzl/p/9010978.html 和 http://www.cnblogs.com/cgzl/p/9019314 ...
- ViewPager实现滑动翻页效果
实现ViewPager的滑动翻页效果可以使用ViewPager的setPageTransformer方法,如下: import android.content.Context; import andr ...
- 利用GPU实现翻页效果(分享自知乎网)
https://zhuanlan.zhihu.com/p/28836892?utm_source=qq&utm_medium=social 首发于Runtime 写文章 利用GPU实现翻页效果 ...
- 基于vue实现上下滑动翻页效果
18年年底的时候,一直在做年度报告的H5页面,因为项目需要,需要实现上下滑动翻页,并且上滑的页面比正常页面的比例要缩小一定比例. 效果类似于http://www.17sucai.com/pins/de ...
随机推荐
- Nmon的安装及使用
1.安装软件 1) 用root用户登录系统,建立目录:#mkdir /nmon 2) 通过FTP将下载的nmon工具上传至服务器 192.168.40.212目录/nmon下. 3) 修改tar包权 ...
- Python学习笔记 (4) :迭代器、生成器、装饰器、递归、正则表达式等
迭代器 迭代器是访问集合元素的一种方式.迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后退,不过这也没什么,因为人们很少在迭代途中往后退.另外,迭代器的一大优点是 ...
- [LeetCode]题解(python):133-Clone Graph
题目来源: https://leetcode.com/problems/clone-graph/ 题意分析: 克隆一个无向图.每个节点包括一个数值和它的邻居. 题目思路: 直接深度拷贝. 代码(pyt ...
- cython教程
.写测试代码: zhouhh@zhouhh-home:~$ vi test.pyx [python] view plaincopy def sayhello(char* str): if str == ...
- HDOJ 1429 胜利大逃亡(续) (bfs+状态压缩)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1429 思路分析:题目要求找出最短的逃亡路径,但是与一般的问题不同,该问题增加了门与钥匙约束条件: 考虑 ...
- Codeforces Round #261 (Div. 2)——Pashmak and Buses
题目链接 题意: n个人,k个车,d天.每一个人每天能够坐随意一个车.输出一种情况保证:不存在两个人,每天都在同一辆车上 (1 ≤ n, d ≤ 1000; 1 ≤ k ≤ 109). 分析: 比赛中 ...
- js常用几种类方法实现
js定义类方法的常用几种定义 1 定义方法,方法中包含实现 function createCORSRequest() { var xhr = new XMLHttpRequest(); xhr.onl ...
- JS日历控件
<input type="text" id="st" name="st" onclick="return Calendar( ...
- 虚拟环境管理工具virtualenvwrapper-win初试
virtualenv 用于建立虚拟目录,但是每次进入指定虚拟都必须activate, 而且如果一个环境很久没用了,不记得环境所在目录,就会遗忘该环境,virtualenvwrapper 正是解决以上问 ...
- Django forms 关于select和checkbox设置初始选中值及让前端选中指定值
Django的forms和models一样很牛逼.他有两种功能,一是生成form表单,还有就是form表单的验证. 这里主要说一下生成form表单时经常用到的需要设置 初始值 / 默认值 的情况. 1 ...