翻页采用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

标签：

原文地址：http://www.cnblogs.com/jiufen/p/4892366.html