<!-- 翻页采用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的更多相关文章

  1. 采用cocos2d-x lua 的listview 实现pageview的翻页效果之上下翻页效果

    --翻页滚动效果local function fnScrollViewScrolling( sender,eventType)    -- body    if eventType == 10 the ...

  2. webapp应用--模拟电子书翻页效果

    前言: 现在移动互联网发展火热,手机上网的用户越来越多,甚至大有超过pc访问的趋势.所以,用web程序做出仿原生效果的移动应用,也变得越来越流行了.这种程序也就是我们常说的单页应用程序,它也有一个英文 ...

  3. MySQL翻页查询技巧

    在查询大量数据库,一般都会采用翻页.自然会想到offset跟limit. 今天知道了一个技巧,用id查询.因为id是主键,查起来很快. 思路是:给id一个区间做where条件,将数据分隔成几份,然后每 ...

  4. 利用GPU实现翻页效果

    0x00 前言 有一段时间没有更新博客了,在考虑写点什么的时候正好赶上了这个月我的书<Unity 3D脚本编程>又加印了.因此写篇小文聊聊利用shader来实现翻书的效果吧. 虽然本文是这 ...

  5. API做翻页的两种思路

    在开发API的时候,有时候数据太多了,就需要分页读取. 基于偏移量的分页(Offset-based) 这种方式就是会提供一个每页笔数(page size)来定义返回条目的最大数,提供一个页数(page ...

  6. 用ASP.NET Core 2.1 建立规范的 REST API -- 翻页/排序/过滤等

    本文所需的一些预备知识可以看这里: http://www.cnblogs.com/cgzl/p/9010978.html 和 http://www.cnblogs.com/cgzl/p/9019314 ...

  7. ViewPager实现滑动翻页效果

    实现ViewPager的滑动翻页效果可以使用ViewPager的setPageTransformer方法,如下: import android.content.Context; import andr ...

  8. 利用GPU实现翻页效果(分享自知乎网)

    https://zhuanlan.zhihu.com/p/28836892?utm_source=qq&utm_medium=social 首发于Runtime 写文章 利用GPU实现翻页效果 ...

  9. 基于vue实现上下滑动翻页效果

    18年年底的时候,一直在做年度报告的H5页面,因为项目需要,需要实现上下滑动翻页,并且上滑的页面比正常页面的比例要缩小一定比例. 效果类似于http://www.17sucai.com/pins/de ...

随机推荐

  1. MySql 日期转字符串

    1.date_format 日期转字符串 select date_format(now(),'%Y-%m-%d %H:%i:%s'); 2.str_to_date 字符串转日期 select str_ ...

  2. QT 自动获取可用串口

    本来想直接用Settings来获取的,但是串口信息类似 "\Device\Serial0",死活获取不了,用了转义.反斜杠还是获取不到,所以就放弃了,网上好像也没有获取成功的. 所 ...

  3. Modular Inverse(模逆元,扩展欧几里德)

    Modular Inverse Time Limit: 2 Seconds      Memory Limit: 65536 KB The modular modular multiplicative ...

  4. iOS Dev (67) 单例的实现

    iOS Dev (67) 单例的实现 博客:http://blog.csdn.net/prevention 作者:大锐哥 摘自:Learn iPhone and iPad cocos2d Game D ...

  5. 感觉挺有意思的SQL题目

    1.有如下数据,要求查询每个班最低分和最高分,并将最高分与最低分显示为同一列 ID Student CourseName Score1 张三 English 802 张三 Math 703 张三 Ch ...

  6. 也谈.NET MVC 2 + ExtJS的部署问题

    由于业务需要,笔者刚进到一个项目组,由于没有美工,前台采用ExtJs + MVC 2 ,迭代1的项目做的还算比较顺利,至少在本机上是运行没有任何问题的, 但是为了给客户演示,我兴高采烈的将网站部署在I ...

  7. C#中析构函数,命名空间及字符串的运用(Ninth day)

    又到了总结知识的时间了,今天在云和学院学习了析构函数,命名空间及字符串的处理,现在就为大家总结下来. 理论: 析构函数 不能在结构中定义析构函数.只能对类使用析构函数. 一个类只能有一个析构函数. 无 ...

  8. mac安装office2011,提示无法打开文件Normal.dotm,因为内容有错误

    最近使用mac上的office,发现一个问题,每次打开office11都会报错,提示“无法打开文件Normal.dotm,因为内容有错误”,于是就在网络上搜索了一下,找到如下一段话, I just f ...

  9. Java之SPI机制

    之前开阿里的HSF框架,里面用到了Java的SPI机制,今天闲暇的时候去了解了一下,通过写博客来记录一下 SPI的全名为Service Provider Interface,我对于该机制的理解是为接口 ...

  10. Servlet学习的两个案例之网站访问次数的统计

    一.统计次数的Servlet源码 package com.shanrengo; import java.io.IOException; import javax.servlet.ServletCont ...