1200字范文 > PHP7留言板开发之 Ajax分页

PHP7留言板开发之 Ajax分页

时间：2021-10-23 13:44:22

相关推荐

PHP7留言板开发之 Ajax分页

后端开发|PHP7

PHP7,留言板开发,Ajax分页

后端开发-PHP7

php7教学栏目介绍留言板开发中的Ajax分页

opc client源码,vscode 分屏,ubuntu luci,tomcat启动自定义环境变量,sqlite30,借鉴网页设计,sql怎么登录数据库服务器配置,禅道插件开发,vue配合前端框架,抖音网红爬虫,php做游戏,媒介seo,建下载网站,网页模块滚动特效,养生门户模板,父页面的publiclabel中控件作为,仓库管理系统access,p2p程序代码lzw

安卓定位上传源码,vscode数据库管理,ubuntu 安装sbt,宝塔查看tomcat日志,r爬虫翻页,php格式怎么下载,seo浏览器怎么优化,手机app网站源码下载,帝国mip网站模板lzw

教学分解

1、定义`gotopage(){}`函数

JavaScript具有基于函数的作用域，只要定义了，当前页面的是全局可用的，标识就是gotopage。

2、Ajax异步操作

上节课的内容，这里最要是异步请求的时候注意是GET方式，ajax.php是异步请求服务端需要处理的逻辑文件，接收用户翻页请求，返回响应页数的数据即可（当然其他格式的内容就行，比如JSON，这里就不讲解）。

3、JS打印数据`innerHTML`

在指定的页面区域打印翻页数据

，这里的样式结构是要在ul标签内输出内容，所以用JS选择器document.getElementById("list_box")，获取ul标签的对象，然后运用其中的innerHTML属性赋值内容，完成我们想要的结果document.getElementById("list_box").innerHTML = 服务器返回的数据;

4、JS循环`for`的运用，遍历所有页码并标识当前页码

用选择器获取所有的页面对象var pageno = document.getElementsByClassName(pageno);

计算总页码数量pageno.length

for循环遍历直到匹配到当前用户请求的page页码数即当前页，匹配成功就给当前页数添加样式（标识当前请求成功的页数）。

HTML代码`list.php`

异步翻页+列表带搜索功能_留言板_科科分享function gotopage(page, keyword){if(page<0){ page = 1;}// 创建 XMLHttpRequest 对象var ajax, url;if(window.XMLHttpRequest){ ajax = new XMLHttpRequest();}else{ // 兼容Internet Explorer（IE5 和 IE6）使用 ActiveX 对象 ajax = new ActiveXObject("Microsoft.XMLHTTP");}url = page.php?page= + page + &keyword= + keyword;ajax.open(GET, url, true);ajax.send();ajax.onreadystatechange = function(){ // 获取服务器响应状态码 if(ajax.readyState == 4 && ajax.status==200){ // 获取服务器返回的响应返回的数据 var retdata = ajax.responseText; // 如果返回的时候不为空的时候，就输出if(retdata){ // 这里是将异步请求的数据在指定区域（list_box）展示给用户看 document.getElementById("list_box").innerHTML = retdata; // 最后将页面中的定位当前分页数，告诉用户当前在哪个分页 // 这里相对逻辑会复杂点，慢慢领会 // 第一步获取所有分页数的集合 var pageno = document.getElementsByClassName(pageno); // 这里用到for循环遍历从多个分页的集合获取当前用户点击的那个分页链接并添加样式active for(var i=0; i<pageno.length; i++){pageno[i].className = pageno;// parseInt(i)+1意思是当前分页,if(parseInt(i)+1 == page){ pageno[i].className = pageno active;} } } }} }

留言板

LIST

关键词：<input type= ext name="keyword" value="" />

姓名：联系方式：内容：

<?php for($p = 1; $p <a href="javascript:gotopage(, \);"></html

异步分页代码`page.php`

<?phpinclude config.php;$page = !empty($_GET[page])? intval($_GET[page]):1;$keyword = !empty($_GET[keyword])?addslashes(strip_tags($_GET[keyword])):\;$pagesize = 6;// 开始分页查询，根据page计算偏移量$offset = ($page - 1) * $pagesize;if(!empty($keyword)){ $sql = "SELECT * FROM feedback WHERE name LIKE \%{$keyword}% LIMIT {$offset}, {$pagesize}";}else{ $sql = "SELECT * FROM feedback WHERE 1 LIMIT {$offset}, {$pagesize}";}$result = mysqli_query($mysqli, $sql);$lists = array();$list = \;while($rows = mysqli_fetch_array($result)){ $list .= "

姓名：". $rows[ ame]." 联系方式：". $rows[contact]." 内容：".$rows[content]."";}echo $list;exit;