網(LieHuo.Net)教程 PHP實例代碼:AJAX 分頁顯示數據。
調試用的文件
以下為引用的內容: <html> <head> <title>網提供教程LIEHUO.NET 關注站長,建設互聯網!</title> <script> function viewpage(p){ if(window.XMLHttpRequest){ var xmlReq = new XMLHttpRequest(); } else if(window.ActiveXObject) { var xmlReq = new ActiveXObject('Microsoft.XMLHTTP'); } var formData = "page="+p; xmlReq.onreadystatechange = function(){ if(xmlReq.readyState == 4){ document.getElementById('content2').innerHTML = xmlReq.responseText; } } xmlReq.open("post", "Example8_7_1.php", true); xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlReq.send(formData); return false; } </script> <head> <body onLoad="viewpage(1)"> <img src=top.gif width="100%"> <h3 align="center">數據分頁顯示</h3> <div id="content2"></div> </body> </html> |
調用的另外一個文件 Example8_7_1.php
以下為引用的內容: <?php header("Content-Type:text/html;charset=GB2312"); $pagesize=10; //echo $_POST['page']; $db=mysql_connect("localhost","root",""); //創建數據庫連接 mysql_query("set character set utf-8"); mysql_select_db("optics"); $result = mysql_query("Select count(DISTINCT articleid) FROM product"); $myrow = mysql_fetch_array($result); $numrows=$myrow[0]; $pages=intval($numrows/$pagesize); if ($numrows%$pagesize) $pages++; if (isset($_POST['page'])){ $page=intval($_POST['page']); } else{ //設置為第一頁 $page=1; } $first=1; $prev=$page-1; $next=$page+1; $last=$pages; //計算記錄偏移量 $offset=$pagesize*($page - 1); //讀取指定記錄數 //$result=mysql_query("select `id` , count( * ) from ".book." GROUP BY `id` order by id desc limit $offset,$pagesize"); $result=mysql_query("select * from product GROUP BY `articleid` order by articleid desc limit $offset,$pagesize"); $num = @mysql_num_rows($result); while ($row = @mysql_fetch_array($result,MYSQL_NUM)) { $hotelname[] = $row[0]; $name[]=$row[1]; $author[]=$row[2]; $publisher[]=$row[3]; $isbn[]=$row[4]; $type[]=$row[5]; $smallpic[]=$row[6]; //$countpeople[] = $row[1]; } echo "<TABLE style="MARGIN-BOTTOM: 20px" cellSpacing=0 cellPadding=0 width=90% border=1 align=center>"; echo "<TBODY>"; echo "<th>ID編號</th><th>名稱</th><th>作者</th><th>出版社</th><th>ISBN號</th><th>類型</th><th>價格</th>"; for($a=0;$a<$num;$a++) { echo "<TR>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$hotelname[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$name[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$author[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$publisher[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$isbn[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left>".$type[$a]."</TD>"; echo "<TD style="PADDING-TOP: 5px" align=left><img src=".$smallpic[$a]."></a></TD>"; echo "</TR>"; } echo "</TR></TBODY></TABLE>"; echo "<TABLE style="MARGIN-TOP: 30px" cellSpacing=0 cellPadding=0 width="100%""; echo "border=0>"; echo "<TBODY><TR><TD colSpan=3 height=20>"; echo "<DIV align=center>"; echo "<P align=left><FONT color=red>第".$page."頁/總".$pages."頁 | 總".$numrows."條</FONT> | "; if ($page>1) echo "<a onclick="viewpage(".$first.")" href='#'>首頁</a> | "; if ($page>1) echo "<a onclick="viewpage(".$prev.")" href='#'>上頁</a> | "; if ($page<$pages) echo "<a onclick="viewpage(".$next.")" href='#'>下頁</a> | "; if ($page<$pages) echo "<a onclick="viewpage(".$last.")" href='#'>尾頁</a>"; echo " 轉到第 <INPUT maxLength=3 size=3 value=1 name=goto_page> 頁 <INPUT hideFocus onclick="viewpage(document.all.goto_page.value)" type=button value=Go name=cmd_goto>"; echo "</P></DIV></TD></TR></TBODY></TABLE>"; ?> |