注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Bioinformatics home

 
 
 

日志

 
 

PHP jquery ajax无刷新分页  

2010-05-23 02:50:50|  分类: Jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<html>
<title>JSON test</title>
<head>
<script src="js/jquery.js" type="text/javascript"></script>
<link href="css/Pager.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.pager.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
<link rel="stylesheet" href="themes/blue/style.css" type="text/css" media="print, projection, screen" />
 
 <?php
 $conn = mysql_connect("localhost","root","xxxx")   or   die("connection error");  
 mysql_select_db("coest",$conn)   or   die("incorrect database");
 $rows=5; 
 $sql="select cgbk_id, cgbk_title,cgbk_email  from guestbook s order by cgbk_id ";
  $result=@mysql_query($sql) or die(mysql_error());
  $num=mysql_affected_rows();
  $pages=round($num/$rows);
 ?>
 
 
<script language="javascript" type="text/javascript">
$(document).ready(function() {
initialPage(0,<?php echo $rows; ?>) ;
$("#pager").pager({ pagenumber: 1, pagecount: <?php echo $pages; ?>, buttonClickCallback: PageClick }); 
});

function initialPage(pageIndex, rows)
{
  $.ajax({
          type: "GET",        
                    contentType: "application/json",
          url: "example.php", 
                   data: "no="+pageIndex+"&rows="+rows+"&anticache=" + Math.floor(Math.random()*1000), //remove cache
          success: function(result) {
                         var tbody="";    
                         $("#linkTable tr:gt(0)").remove();
                         var dataObj=eval("("+result+")");     
                         $.each(dataObj.data, function(i, n) {      
                         var trs = "<tr><td align='center'>" + n.cgbk_id + "</td><td>" + n.cgbk_email + "</td></tr>";
                         tbody += trs;
                                    });      
                                    $("#linkTable").append(tbody);      
                  }
        
  });
 
}
       function PageClick(pageclickednumber)
       {
            $("#pager").pager(
                 {
                  pagenumber: pageclickednumber,
                  pagecount:  <?php echo $pages; ?>,
                  buttonClickCallback:
                  PageClick
                 });                
                 initialPage(pageclickednumber-1,  <?php echo $rows; ?>)
        }
 

</script>
</head>
<body>

<table id="linkTable" cellpadding="6" cellspacing="1" align="left" class="tablesorter" style="width:400px;margin:0 0 20px 5px;">
<thead>
<tr class="tableHeader" align="center">
<th style="width:200px; text-align:center;" >
product
</th>
<th style="width:200px; text-align:center">
price
</th>
</tr>
</thead>
</table>
<br/>
<p>
 <div id="pager" ></div>
</body>
</html>

  评论这张
 
阅读(5159)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017