php 無重新整理分頁

阿新 • • 發佈：2019-01-18

首先看無重新整理分頁效果：

（一）

（二）

比較一二兩副圖可以看出，下面文字部分的翻頁了，但是整個頁面並沒有重新整理，視訊依然正常播放下去。

無重新整理的關鍵思路：

首頁，上一頁，下一頁，尾頁。點選時，呼叫onclick事件，然後跳轉到另外一張AJAX處理頁，同時傳入頁碼引數，處理頁返回滿足接收頁碼引數的資訊，並且將首頁，上一頁，下一頁，尾頁那段程式碼也原樣返回。其實就是在一個特定的DIV裡變化分頁的結果而已。

以往分頁都是提交本頁面，需要重新整理一次，而無重新整理就是利用了AJAX，給每個翻頁添加了一個點選函式，交給了另外一個處理頁。

程式碼如下：

顯示頁indexx.php：

<?php
      include_once("function.php");
   if($_GET['page'] == '')
   {
      $_GET['page'] = 1;
   }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script src="js/xmlhttp.js" type="text/javascript"></script>
<script src="js/fenye.js" type="text/javascript"></script>
</head>

</div>
<div id="fenye" style="width:900px; height:auto; border:1px solid #FF0000; margin:auto;">
<?php
      if($_GET['page'])
   {
      $contenter = iconv("gb2312","utf-8",file_get_contents('file/mr_synopsis.txt'));
   $length = strlen(unhtml($contenter));
   $pageCount = ceil($length/950);
   $prePage = msubstr($contenter,0,($_GET['page']-1)*950);
   $nowPage = msubstr($contenter,0,$_GET['page']*950);
   echo substr($nowPage,strlen($prePage),strlen($nowPage)-strlen($prePage));
   }
?>
<div style="width:900px;height:30px; margin:auto; background:#FFFF99;">
<span>
頁次：<?php echo $_GET['page']; ?>/<?php echo $pageCount; ?>頁
</span>
    <a href="#" onclick='return fenye("indexxok.php?page=1")'>首頁</a>
<?php
if($_GET['page'] > 1 && $_GET['page'] <= $pageCount)
{
?>
    <a href="#" onclick="return fenye('indexxok.php?page=<?php echo $_GET["page"]-1; ?>')">上一頁</a>


<?php
}
?>
<?php
if($_GET['page'] >= 1 && $_GET['page'] < $pageCount)
{
?>

    <a href="#" onclick="return fenye('indexxok.php?page=<?php echo $_GET["page"]+1; ?>')">下一頁</a>

<?php
}
?>
<a href="#" onclick="return fenye('indexxok.php?page=<?php echo $pageCount; ?>')">尾頁</a>
</div>
</div>

</body>
</html>

function.php:

<?php
    function unhtml($content)
{
   $content = htmlspecialchars($content);                //轉換文字中的特殊字元
   $content = str_replace(chr(13),"<br>",$content);  //替換文字中的換行符
      $content = str_replace(chr(32)," ",$content);  //替換文字中的 
      $content = str_replace("[_[","<",$content);   //替換文字中的大於號
      $content = str_replace(")_)",">",$content);   //替換文字中的小於號
      $content = str_replace("|_|"," ",$content);    //替換文字中的空格
   $content = trim($content);                             //刪除文字中首尾的空格
    return $content;
}

function msubstr($str,$start,$len)           //定義一個用於擷取一段字串的函式msubstr()
{                                            //$str指的是字串,$start指的是字串的起始位置，$len指的是長度。
   $strlen = $start+$len;                     //用$strlen儲存字串的總長度（從字串的起始位置到字串的總長度）
   $tmpstr = '';                              //定義變數$tmpstr
   for($i=0;$i<$strlen;$i++)                  //通過for迴圈語句,迴圈讀取字串
   {
       if(ord(substr($str,$i,1)) > 0xa0)      //如果字串中首個位元組的ASCII序數值大於0xa0,則表示為漢字,ord() 函式返回字串第一個字元的 ASCII 值。
    {
        $tmpstr .= substr($str,$i,2);      //每次取出兩位位元組賦給變數$tmpstr，即等於一個漢字
     $i++;                                 //變數自加1
    }
    else                                  //如果不是漢字，則每次取出一位字元賦給變數$tmpstr
    {
        $tmpstr .=substr($str,$i,1);
    }

   }
   return $tmpstr;
}
?>

indexxok.php:

<?php
      include_once("function.php");
   if($_GET['page'] == '')
   {
      $_GET['page'] = 1;
   }
   if($_GET['page'])
   {
      $contenter = iconv("gb2312","utf-8",file_get_contents('file/mr_synopsis.txt'));
   $length = strlen(unhtml($contenter));
   $pageCount = ceil($length/950);
   $prePage = msubstr($contenter,0,($_GET['page']-1)*950);
   $nowPage = msubstr($contenter,0,$_GET['page']*950);
   echo substr($nowPage,strlen($prePage),strlen($nowPage)-strlen($prePage));
   }

?>

php 無重新整理分頁

php 無重新整理分頁

Ajax+php+jquery無重新整理分頁處理

Jquery+ajax+PHP 基於thinkPHP的無重新整理分頁

分享一個自己寫的MVC EF 增刪改查無重新整理分頁程式

tp5+ajax+jq實現無重新整理分頁

淺談TP5的ajax無重新整理分頁

ASP.NET+Ajax+JQuey+Json資料+儲存過程實現無重新整理分頁

javascript專案實戰---ajax實現無重新整理分頁

asp.net Mvc4 使用ajax結合分頁外掛實現無重新整理分頁

關於Ajax無重新整理分頁技術的一些研究 c#

Laravel 5.1之Ajax無重新整理分頁

jQuery 無重新整理分頁

jquery.page.js實現ajax無重新整理分頁

tp5無重新整理分頁

asp.net mvc基於jQuery+Ajax實現無重新整理分頁

MVC4 無重新整理分頁！

DataGrid的無重新整理分頁

SSH三大框架的整合+利用Ajax實現無重新整理分頁

實現FreeMarker+Ajax的無重新整理分頁

laravel之ajax無重新整理分頁

php 無重新整理分頁

相關推薦