这篇文章上次修改于 4 个月前,可能其部分内容已经发生变化,如有疑问可询问作者。
前言
无意间想到给日记页加一个 Ajax 来请求更多日记,网上搜了一圈基本都是在
index.php
文件头加入判断实现的,问题是这个主题 index.php
不进行文章输出,所以是不可行的。我需要在 page-note.php
进行操作。过程略微繁琐。 Ajax 请求地址也是当前页面,只是加入了请求参数。
实现过程
后端部分
在
pages-note.php
头部加入判断 Ajax 请求语句。判断类型是否是请求格式为
xx.html/?load_type=ajax
如果为真则执行以下代码。allpostnum
获取当前用户文章数量。之后判断是否加载完毕。如加载完毕则返回422错误。在中间插入一段跳过当前索引的文章数,避免输出重复的内容。
前端部分
向后端发起 Ajax 请求,参数传入当前索引值。因为是
GET
所以直接在 URL 后加入参数即可。完整代码如下:注:
const parser = new DOMParser()
是创建了一个 DOM 解析器实例,用于把字符串转换成 DOM 树,注意是树,所以是 html 标签开始的,还需要进一步提取。注意
新加入的元素的可能没有绑定 Pjax,注意重载。
文章标题:
文章作者:
文章链接: [复制]
最后修改时间:
商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,未经站长允许不得对文章文字内容进行修改演绎。
本文采用创作共用保留署名-非商业-禁止演绎4.0国际许可证
亲亲留个评论再走呗
正在加载评论区...