[转帖]php+ajax方式来实现分页功能_Tomcat, WebLogic及J2EE讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Tomcat, WebLogic及J2EE讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 3474 | 回复: 0   主题: [转帖]php+ajax方式来实现分页功能        下一篇 
wangxilu
注册用户
等级:少校
经验:850
发帖:73
精华:3
注册:2013-4-10
状态:离线
发送短消息息给wangxilu 加好友    发送短消息息给wangxilu 发消息
发表于: IP:您无权察看 2013-4-10 16:17:46 | [全部帖] [楼主帖] 楼主

Sql代码  
北京联动北方科技有限公司

  1. CREATE TABLE IF NOT EXISTS `pagination` (  
  2.   `id` int(11) NOT NULL AUTO_INCREMENT,  
  3.   `post` varchar(250) NOT NULL,  
  4.   `postlink` varchar(250) NOT NULL,  
  5.   PRIMARY KEY (`id`)  
  6. )  



Php代码  
北京联动北方科技有限公司

  1. $mysql_db_hostname = "Host name";  
  2. $mysql_db_user = "UserName";  
  3. $mysql_db_password = "Password";  
  4. $mysql_db_database = "Database Name";  
  5. $con = mysql_connect($mysql_db_hostname, $mysql_db_user,  
  6.        $mysql_db_password or die("Could not connect database");  
  7. //Create a new connection  
  8. mysql_select_db($mysql_db_database, $con) or  
  9.                  die("Could not select database");  
  10. // select database  



Html代码  
北京联动北方科技有限公司

  1. #wrapper ul{ 
  2.       list-style:none; 
  3.       margin-left:30%; 
  4. #wrapper ul li a{ 
  5.       text-decoration:none; 
  6.       border:1px solid #474747; 
  7.       padding:2px 8px 2px 8px; 
  8.       color:#474747; 
  9. #wrapper ul li{ 
  10.       float:left; 
  11.       margin-left:10px; 



Php代码  
北京联动北方科技有限公司

  1. define('PAGE_PER_NO',8); 
  2. function getPagination($count){ 
  3.        $paginationCount= floor($count / PAGE_PER_NO); 
  4.       
  5.        $paginationModCount= $count % PAGE_PER_NO; 
  6.        if(!emptyempty($paginationModCount)){ 
  7.              $paginationCount++; 
  8.        } 
  9.       
  10.        return $paginationCount; 



Php代码  
北京联动北方科技有限公司

  1. include_once('inc/dbConnect.inc.php'); 
  2. include_once('inc/pagination.inc.php'); 
  3. $query="select id from pagination order by id desc"; 
  4. $res=mysql_query($query); 
  5. $count=mysql_num_rows($res); 
  6. if($count > 0){ 
  7.        $paginationCount=getPagination($count); 
  8. Ajax Code 
  9. <script type="text/javascript"> 
  10. function changePagination(pageId,liId){ 
  11.        $(".flash").show(); 
  12.        $(".flash").fadeIn(400).html 
  13.        ('Loading <img src="image/ajax-loading.gif" />'); 
  14.        var dataString = 'pageId='+ pageId; 
  15.        $.ajax({ 
  16.              type: "POST", 
  17.              url: "pageData.php", 
  18.              data: dataString, 
  19.              cache: false, 
  20.              success: function(result){ 
  21.                    $(".flash").hide(); 
  22.                    $(".link a").css('background-color','#fff') ; 
  23.                    $("#"+liId+" a").css('background-color','#99A607'); 
  24.                    $("#pageData").html(result); 
  25.              } 
  26.        }); 
  27. </script> 
  28. <body onload="changePagination('0','first')"> 
  29. For load data first time 
  30. <div id="pageData"></div> 
  31. <?php 
  32. if($count > 0){ 
  33.       ?> 
  34.       <ul> 
  35.        <li class='first link' id="first"> 
  36.        <a href="javascript:void(0)" 
  37.        onclick="changePagination('0','first')">First</a> 
  38.        </li> 
  39.        <?php 
  40.        for($i=0;$i<$paginationCount;$i++){ 
  41.              ?> 
  42.              <li id="<?php echo $i;?>_no" class='link'> 
  43.              <a href="javascript:void(0)" 
  44.              onclick="changePagination 
  45.              ('<?php echo $i;?>','<?php echo $i;?>_no')"> 
  46.              <?php echo $i+1;?> 
  47.              </a> 
  48.              </li> 
  49.              <?php 
  50.        } 
  51.        ?> 
  52.        <li class='last link' id="last"> 
  53.        <a href="javascript:void(0)" 
  54.        onclick="changePagination 
  55.        ('<?php echo $paginationCount-1;?>','last')"> 
  56.        Last 
  57.        </a> 
  58.        </li> 
  59.        <li class="flash"></li> 
  60.       </ul> 
  61. <?php } ?> 




赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论