怎么使用AJAX实现分页

  介绍

小编给大家分享一下怎么使用AJAX实现分页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

Fenye。html

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   & lt;才能title>分页& lt;/title>   & lt;/head>   & lt; script 类型=拔谋?javascript"比;/* *   *,AJAX   *,1。创建ajax对象   *,2。建立连接   *,3。判断ajax准备状态及状态码   *,4。发送请求   */function  showList (pageNow) {//才能创建ajax对象   var 才能;xmlHttp =, new  XMLHttpRequest ();//建才能立连接   xmlHttp.open才能(& # 39;得到# 39;,& # 39;。/AJAX_Fenye.php ? pageNow=& # 39; + pageNow);//才能判断ajax准备状态及状态码   xmlHttp.onreadystatechange 才能=,函数(){      ,,,if  (xmlHttp.readyState ==, 4,,,, xmlHttp.status ==, 200), {   ,,,,,//警报(xmlHttp.readyState);   ,,,,,. getelementbyid(& # 39;结果# 39;).innerHTML =, xmlHttp.responseText;   ,,,}   ,,}//发才能送请求   xmlHttp.send才能(空);   }//默认显示第1页   时间=window.onload 函数(){      showList才能(1);   }      & lt;/script>   & lt; body>   & lt; input 类型=皌ext"祝辞   & lt; div  id=皉esult"祝辞   & lt;才能!——,此处显示信息!,——比;   & lt;/div>   & lt;/body>   & lt;/html>

Fenye.php 

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   & lt; meta  charset=癠TF-8"祝辞   & lt; title> AJAX分页& lt;/title>   & lt;/head>   & lt; body>      & lt; ? php //以下php代码可封装调用,参数为pageNow//链接数据库   @mysql_connect (& # 39; localhost # 39;, & # 39;根# 39;,& # 39;& # 39;);   @mysql_select_db (& # 39; empmanage& # 39;);   @mysql_query (& # 39; set  name  use utf8 # 39;);//获取总记录数   $ rs =, mysql_query (& # 39; select  count(*),得到emp # 39;);   $ rows =, mysql_fetch_row (rs);   美元$ recordCount =,行[0];//每页显示多少条页大小   pageSize 美元;=,5;//总页数,=,总记录/每页显示多少   $ pageCount=装天花板(recordCount/页大小美元);//获取当前页,三元运算,若不存在pageNow则默认显示第1页   $ pageNow =,收取($ _GET [& # 39; pageNow& # 39;]) ?, $ _GET [& # 39; pageNow& # 39;]: 1;      if  (pageNow 美元;& lt;, 1), {   时间=美元才能pageNow  1;   }elseif  (pageNow 美元;祝辞,pageCount美元),{   时间=美元才能pageNow  pageCount美元;   }//起始位置,每页从第几条数据显示   $ pageStart =, (pageNow-1美元)* $页大小;//从哪条开始显示,限制每页显示几条=$ sql “select  *,得到emp  limit  pageStart美元,pageSize"美元;;//链接数据库   $ rs =, mysql_query ($ sql);//以上php代码可封装调用,参数为pageNow 返回查询到的数据rs美元      ,比;      ,& lt; table  bordercolor=癵reen",边境=?“比;   ,,& lt; tr>   ,,,,& lt; th> ID   ,,,,& lt; th>姓名& lt;/th>   ,,,,& lt; th>邮箱& lt;/th>   ,,,,& lt; th>等级& lt;/th>   ,,& lt;/tr>      & lt; ? php //循环取出数据   while  (rows 美元;=,作用是(rs)美元),{,   echo “   ,,,& lt; tr>   ,,,,,& lt; td>{$行[& # 39;id # 39;]} & lt;/td>   ,,,,,& lt; td>{$行[& # 39;名字# 39;]}& lt;/td>   ,,,,,& lt; td>{$行[& # 39;电子邮件# 39;]}& lt;/td>   ,,,,,& lt; td>{$行[& # 39;水平# 39;]}& lt;/td>   ,,,,& lt;/tr>   “才能;   }   比;   ,& lt; tr>   ,,& lt; td  colspan=& # 39; 4 & # 39;比;   ,,php & lt; ?   ,,,,//分页页码,调用js中的showList()方法,此处i=pageNow美元   ,,,,,,for  (i=1;美元,美元小姐:& lt;=, pageCount;美元,美元我+ +),{,   ,,,,,,,,echo “& lt; a  href =, & # 39; javascript:无效(0)& # 39;,onclick =, & # 39; showList ($ i) & # 39;在{$我}& lt;/a>,,,,,   ,,,,,,}   ,,?比;   ,,& lt;/td>   ,& lt;/tr>   ,& lt;/table>      & lt;/body>   & lt;/html> 什么是ajax

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

以上是“怎么使用ajax实现分页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

怎么使用AJAX实现分页