1. 程式人生 > >ajax分頁

ajax分頁

text adf als comm else click time cnblogs for

<!--分頁-->
<script type="text/javascript">
//第幾頁
var page = 1;
//每頁顯示的條數
var num = 5;
//加載數據
Load();
//加載分頁
LoadFenYe();
//加載數據的方法
function Load()
{
	var send = $("#cc1").val();
	$.ajax(
		{
			url:"fenye_chuli.php",
			data:{page:page,num:num,send:send},
			type:"POST",
			dataType:"JSON",
			success: function(data)
				{
					var str = "";
					for(var k in data)
					{
						str = str+"<tr><td>"+data[k].squid+"</td><td>"+data[k].ftime+"</td><td>"+data[k].didian+"</td><td>"+data[k].comment+"</td></tr>";
					}
					$("#shuju").html(str);
				}
		});
}
//加載分頁的方法
function LoadFenYe()
{
	var s = "";
	var send = $("#cc1").val();
	s = "<span id=‘prev‘>上一頁</span>";
	var zts = 0;
	$.ajax(
		{
			async:false,
			url:"fenye_zongtiaoshu.php",
			data:{send:send},
			type:"POST",
			dataType:"TEXT",
			success: function(data)
				{
					zts = data;
				}
		});
		var zys = Math.ceil(zts/num);
		page = parseInt(page);
		for(var i = page-2;i < page+3;i++)
		{
			if(i>0 && i<=zys)
			{
				if(i==page)
				{
					s = s+"<span ys=‘"+i+"‘ class=‘dqy‘>"+i+"</span>";
				}
				else
				{
					s = s+"<span ys=‘"+i+"‘ class=‘qty‘>"+i+"</span>";
				}
			}
		}
	s = s +"<span id=‘next‘>下一頁</span>";
	s = "<li>"+s+"</li>";
	$(".xinxi").html(s);
	$("#prev").click(function()
			{
				page = parseInt(page);
				if(page>1)
				{
					page--;
				}
				Load();
				LoadFenYe();
			})
	$(".qty").click(function()
			{
				page = parseInt($(this).attr("ys"));
				Load();
				LoadFenYe();
			})
	$("#next").click(function()
			{
				page = parseInt(page);
				if(page<zys)
				{
					page++;
				}
				Load();
				LoadFenYe();
			})
}
$("#cc2").click(function()
	{
		Load();
		LoadFenYe();
	})

  

ajax分頁