Heim > Backend-Entwicklung > PHP-Tutorial > 求jq分页,要那种服务端先调用数据,其后,客户端进行用JQ分页

求jq分页,要那种服务端先调用数据,其后,客户端进行用JQ分页

WBOY
Freigeben: 2016-06-13 11:47:52
Original
896 Leute haben es durchsucht

求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&#160;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 />?>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage