Rumah >pembangunan bahagian belakang >tutorial php >求jq分页,要那种服务端先调用数据,其后,客户端进行用JQ分页
求jq分页,要那种服务端先调用数据,然后,客户端进行用JQ分页
本例实现 jquery + php 无刷新分页.FF IE 等浏览器均支持<br /><br />index.php<br /><?php<br /> header("Content-Type:text/html;charset=utf-8");<br />?><br /><html><br /><head><br /><title>JQ-无刷新分页 by:siyuantlw</title><br /><style><br />A{text-decoration:none;}<br />A:link {COLOR:#33CCFF;}<br />A:active {COLOR:#FF6666;} <br />A:visited {COLOR:#33CCFF;} <br />A:hover {COLOR:#FF6699; TEXT-DECORATION: underline;position:relative;left:1px;top:1px}<br /></style><br /><script src="jquery-1.5.1.js"></script><br /><script language="javascript"><br /> $(document).ready(function(){<br /> changepage(1);<br /> });<br /> function changepage(page){<br /> $.post("sql.php",{page:page},function(data){<br /> $("#test").html(data);<br /> });<br /> }<br /></script><br /></head><br /><body><br /> <ul id="test"></ul><br /></body><br /></html><br /><br />sql.php<br /><?php<br />mysql_connect("","root","");<br />mysql_select_db("test");<br />mysql_query("set names utf8");<br /><br />if(isset($_POST["page"])){<br /> @$page = max(1, intval($_POST["page"]));<br /> $pagesize=10;<br /> $startindex=($page-1)*$pagesize;<br /> $sql="SELECT * FROM test ORDER BY id LIMIT $startindex,$pagesize";<br /> $rec=mysql_query($sql);<br /> while($row=mysql_fetch_array($rec)){<br /> $str.="<li>".$row["uname"]."</li>";<br /> }<br /> $num=mysql_num_rows(mysql_query("select * from test"));<br /> [email protected]($num/$pagesize);<br /> for($i=1;$i<=$pagenum;$i++){<br /> if($page==$i){<br /> $str.="<a href='javascript:void(0)' onclick=changepage(".$i.")>[".$i."]</a> ";<br /> }else{<br /> $str.="<a href='javascript:void(0)' onclick=changepage(".$i.")>".$i."</a> ";<br /> }<br /> }<br /> echo $str;<br />}else{<br /> die();<br />}<br />?>