Ajax PHP7留言板开发之分页的实现方法

　　介绍

这篇文章给大家分享的是有关PHP7留言板开发之Ajax分页的实现方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

有了基础页面的支撑,想要提高页面的用户体验,那么异步的数据加载目前来说是最好的处理方式了. Ajax分页是练手的最好应用场景,运用到的知识点,在上节课老友记之PHP7留言板开发(Ajax异步提交)已经有了一定的介绍,这里就不再敖述,如有明白请看上节内容。

<编辑>教程分解 <李> 1,定义<代码> gotopage(){} 函数

JavaScript具有基于函数的作用域,只要定义了,当前页面的是全局可用的,标识就是<代码> gotopage> <李> 2, Ajax异步操作

上节课的内容,这里最要是异步请求的时候注意是<代码>得到方式,<代码> ajax.php> <李> 3, JS打印数据<代码> innerHTML

在指定的页面区域打印翻页数据<代码> & lt; ul id=發ist_box"祝辞& lt; u/祝辞> . getelementbyid (“list_box")> innerHTML 属性赋值内容,完成我们想要的结果<代码> . getelementbyid (“list_box")。innerHTML=& # 39;服务器返回的数据& # 39;;

<李> 4, JS循环<代码> 的运用,遍历所有页码并标识当前页码

用选择器获取所有的页面对象<代码> var pageno=document.getElementsByClassName (& # 39; pageno& # 39;);
计算总页码数量<代码> pageno.length
<代码> 循环遍历直到匹配到当前用户请求的<代码> 页页码数即当前页,匹配成功就给当前页数添加样式(标识当前请求成功的页数)。

本教程基于老友记之PHP7留言板开发(分页)内容上改动。

<编辑> HTML代码<代码>列表。php代码 & lt; php ? 　　include  & # 39; config . php # 39;; 　　 　　page 美元;=,!空($ _GET[& # 39;页面# 39;])? intval中($ _GET[& # 39;页面# 39;]):1; 　　keyword 美元;=,!空($ _GET[& # 39;关键字# 39;])? strip_tags ($ _GET[& # 39;关键字# 39;]):& # 39;& # 39;; 　　$ pagesize =, 6;//,统计总记录数,便于计算出总页数 　　如果(!空(关键字)){ 　　,,,sql 美元;=,“SELECT  *,得到feedback  WHERE  name  LIKE  & # 39; %{$关键词}% & # 39;“; 　　其他}{ 　　,,,sql 美元;=,“SELECT  *,得到feedback"; 　　} 　　$ result =, mysqli_query (mysqli美元,,sql); 　　$ total =, mysqli_affected_rows ($ mysqli); 　　$ total_page =,装天花板(总/页大小美元);,//,进一法取整获取总页数//,开始分页查询,根据页计算偏移量 　　$ offset =, (page 美元;作用;1),*,美元页大小; 　　 　　如果(!空(关键字)){ 　　,,,sql 美元;=,“SELECT  *,得到feedback  WHERE  name  LIKE  & # 39; %{$关键词}% & # 39;,LIMIT {$抵消},,{$页大小}“; 　　其他}{ 　　,,,sql 美元;=,“SELECT  *,得到feedback  LIMIT {$抵消},,{$页大小}“; 　　} 　　$ result =, mysqli_query (mysqli美元,,sql); 　　 　　数组$ lists =, (); 　　而(rows 美元;=,mysqli_fetch_array(结果)美元){ 　　,,,列表[],美元=,美元行; 　　} 　　 　　比; 　　& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比; 　　,,,,,,,& lt; title>异步翻页+列表带搜索功能_留言板_科科分享& lt;/title> 　　,,,,,,,& lt; !——, 2。新建css样式文件并根据效果图编写css代码,——比; 　　,,,,,,,& lt; link  rel=皊tylesheet", href=癴eedback.css"比; 　　,,,,,,,& lt; script> 　　,,,,,,,,,,,function  gotopage(页面,关键字){ 　　,,,,,,,,,,,,,,,如果(page<0) { 　　,,,,,,,,,,,,,,,,,,,page =, 1; 　　,,,,,,,,,,,,,,,} 　　,,,,,,,,,,,,,,,//,创建,XMLHttpRequest 对象 　　,,,,,,,,,,,,,,,var  ajax,, url; 　　,,,,,,,,,,,,,,,如果(window.XMLHttpRequest) { 　　,,,,,,,,,,,,,,,,,,,ajax =, new  XMLHttpRequest (); 　　,,,,,,,,,,,,,,,其他}{ 　　,,,,,,,,,,,,,,,,,,,//,兼容Internet  Explorer(时间和IE5  IE6)使用,ActiveX 对象 　　,,,,,,,,,,,,,,,,,,,ajax =, new  ActiveXObject (“Microsoft.XMLHTTP"); 　　,,,,,,,,,,,,,,,} 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

Ajax PHP7留言板开发之分页的实现方法