zoukankan      html  css  js  c++  java
  • ajax分页

    <!--分页-->
    <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();
    	})
    

      

  • 相关阅读:
    黑胶100
    界面滑动+ztree
    Linux下Java获取本机IP地址
    垂直对齐vertical-align:top
    针对jquery获取表单数据并且迭代方式
    js传递参数中文乱码
    前端开发资源库
    webpack加载器(Loaders)
    webpack基础知识点
    webpack操作基础
  • 原文地址:https://www.cnblogs.com/gyzown/p/6962573.html
Copyright © 2011-2022 走看看