使用PHP+AJAX让WordPress动态加载文章的教程

大佬教程收集整理的这篇文章主要介绍了使用PHP+AJAX让WordPress动态加载文章的教程，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

为什么要动态加载文章?

1. 快速向访客展示页面

文章很容是包含大量文字和多媒体资源 (如: 图片,视频,音乐),加载这些内容需要占用很多的时间. 如果你的页面上存在大量文章,当访客发现页面久久没有加载完成就感到不耐烦. 这是动态加载文章的主要目的.

2. 让文章列表化

使页面上的文章成为一个列表,减少页面的空间占用,访客可以方便的移动到页面下方,提高旧文章被点击的几率. 并且你可以在页面上放置更多的文章而不用担心页面过长.

为什么不动态加载文章?

1. 对搜索引擎不友好

搜索引擎优化的目的是将有价值的东西尽量多的向搜索爬虫展示,包括最新的文章内容. 只有标题的文章让爬虫只知道这个文章而不知其文章侧重,使用 JavaScript 输出的文章内容未必可以被抓取和分析. 这些对 SEO 来说都是不好的. 后来发现,如果你的网站有固定的文章类型,没有毕业在文章列表页显示太多文章内容,表示影响不大.

2. 增加了请求次数

虽然将文章折叠起来,我们一般还是会想办法向访客显示前面的几篇文章. 这样对用户是友好的,但是要增加请求的次数和数据库访问的次数. 后来我有选择地显示部分文章内容,而且不是通过异步加载的方式,也就是说,这个问题是可以通过简单的修改解决掉的.

3. 一些插件失效

因为需要自定义方法抓取文章,如果不添加特殊处理,很可能令部分 wordpress 插件失效. 可以通过特殊处理解决掉,以后文章中会提及.

动态加载文章的设计思路

1. 找到页面上所有文章

为每个文章添加一个展开/折叠按钮

2. 向文章添加展开/折叠按钮

点击按钮,如果文章内容没有加载,加载并展开文章内容. 点击按钮,如果文章内容已经加载,则展开/折叠文章内容.

3. 加载文章内容

将文章的 id 发往后台,在数据库中找到相应的文章内容并进行格式化,返回响应显示在页面上.

JavaScript 处理代码分析

1. 找到页面上所有文章

文章的元素 jQuery(document).ready(function(){ jQuery('div.post').each(function() { // 如果元素相应位置是文章 ID var id = jQuery(this).attr('id'); if(/^post\-[0-9]+$/.test(id)) { // 则为每个文章添加一个展开/折叠按钮 ... } }); });

大佬总结

以上是大佬教程为你收集整理的使用PHP+AJAX让WordPress动态加载文章的教程全部内容，希望文章能够帮你解决使用PHP+AJAX让WordPress动态加载文章的教程所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。