您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
wordpress自带ajax的实现方法
王颢锵2025-03-17WordPress教程已有人查阅
导读例如给网站每页logo后面的一句名言,点击“换一条”就会ajax动态加载一条,使用了wordpress的自带ajax方法。下面介绍如何使用wordpress自带ajax方法:
例如给网站每页logo后面的一句名言,点击“换一条”就会ajax动态加载一条,使用了wordpress的自带ajax方法。下面介绍如何使用wordpress自带ajax方法:
1.在header.php文件加入html和js
2.在主题的function.php中写接收请求处理函数
就这样,就已经实现了ajax的功能,是不是很方便,但是wordpress的ajax请求感觉好慢啊!!!
之后附上随机输出名言的函数:
1.在header.php文件加入html和js
<span id="random"><i id="say"><?php echo random_str();?></i> [<a href="javascript:void();" onclick="say();" rel="nofollow">换一条</a>]</span>
js ajax请求:
<?php $admin_url=admin_url( 'admin-ajax.php' );?>
<script type="text/javascript">
function say(){
jQuery(document).ready(function($){
var data={
action:'say'
}
$.post("<?php echo $admin_url;?>", data, function(response) {
$("#say").text(response);
});
});
}
</script>
在wordpress中ajax请求的url地址是统一的,用$admin_url=admin_url( ‘admin-ajax.php’ )获取。2.在主题的function.php中写接收请求处理函数
function say(){
echo random_str();
die();
}
add_action('wp_ajax_say', 'say');
add_action('wp_ajax_nopriv_say', 'say');
重点是这两个钩子函数,wp_ajax_say第一个参数是wp_ajax_函数名称,wp_ajax_nopriv_say表示没有登录的用户的处理函数,这里对有没有登录的用户都是一样的,所以都写上。就这样,就已经实现了ajax的功能,是不是很方便,但是wordpress的ajax请求感觉好慢啊!!!
之后附上随机输出名言的函数:
function random_str() {
$poems=array(
'三人行,必有我师焉。择其善者而从之,其不善者而改之。--孔子',
'成为卓越的代名词,很多人并不需要杰出素质的环境。--Steve Jobs',
'活着就是为了改变世界,难道还有其他原因吗?--Steve Jobs',
'Follow yourself.(追随你的内心)--Steve Jobs',
'生活是不公平的;要去适应它。--比尔盖茨',
'走自己的路,让别人说去吧。--但丁',
'成功并不是一条直线,而是一条蜿蜒曲折的线。',
'让你难过的事情,有一天,你一定会笑着说出来。 --《肖申克的救赎》',
'如果额头终将刻上邹纹,你只能做到邹纹不要刻在你心上。--我国合伙人',
'梦想是什么,梦想就是一种让你感到坚持就是幸福的东西。--我国合伙人',
'记住你即将死去--乔布斯',
'当你快乐时,你要想,这快乐不是永恒的。当你痛苦时你要想这痛苦也不是永恒的。',
'古人云:尽 ,听天命。',
'如果人生能像svn一样能恢复到以前任何一个版本该多好啊',
'Stay Hungry, Stay Foolish',
'做你喜欢的事情不会觉得累',
'今天很残酷,明天更残酷,后天会很美好,但绝大多数人都死在明天晚上--马云',
'天才就是百分之九十九的努力加上百分之一的灵感,但是没有那百分之一的灵感万万不行 --爱迪生',
'不要被教条束缚,那意味着你和别人一样思考,不要被他人的观点掩盖你真正的想法,听从你的直觉和心灵的指示。--Steve Jobs',
'The clock hand can return to the original point, but it is not that of yesterday. ',
);
return $poems[rand(0,count($poems)-1)];
}
本文标签:
很赞哦! ()
相关教程
- phpcms列表分页ajax加载更多代码示例
- 易优cms标签arcpagelist配合arclist实现ajax瀑布流分页的方法
- 易优CMSartlist文档列表配合arcpagelist标签可实现ajax瀑布流分
- 易优arclist文档列表配合arcpagelist标签可实现ajax瀑布流分页
- Wordpress实现自定义ajax请求的方式示例
- wordpress后台首页加载ajax.googleapis特别慢怎么办
- ecshop的ajax刷新购物车功能实现方法
- ecshop的ajax使用方法示例
- ecshop中ajax的调用原理
- ecshop中ajax.call使用方法见解
- ecshop后台通过ajax搜索
- ecshop商城ajax调用参数说明
图文教程
WordPress主题怎么添加文章字数和需要阅读时间
显示文章字数和阅读时间,这功能有什么用呢,我也不知道,不过有用户说人家有我们能不能也加一个,那就加吧。
WordPress数据库表结构说明
默认WordPress一共有以下11个表。这里加上了默认的表前缀 wp_ 。wp_commentmeta:存储评论的元数据wp_comments:存储评论wp_links:存储友情链接(Blogroll)wp_options:存储WordP
WordPress给博客标题加上页码的方法
很多朋友为了优化网站防止出现重复的内容,会在文章分页或列表分页时加上页码,这样可以防止重复标题的出现。下面就来给大家介绍WordPress给博客标题加上页码方法。
wordpress是博客程序吗,wordpress做网站的好处
如果你还不知道wordpress是什么软件,那真的是有点落伍了,wordpress是世界排名 头一的博客构建程序, 头一,没有之一。wordpress是一个php程序,相当的强劲,具有海量的主题,不计其数囊
相关源码
-
(自适应)大气办公用品耗材供应打印机产品维修网站模板下载基于PbootCMS系统开发的响应式网站模板,为营销技术博主、数字产品评测者设计。采用前沿的响应式技术,确保内容在手机端和桌面端都能获得较佳阅读体验,帮助用户高效展示技术文章和产品分析。查看源码 -
(自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发,为安防电子设备企业设计,特别适合监控摄像头、安防系统等产品的展示。采用响应式技术,确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码 -
(自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发,为新闻资讯、博客类网站设计,特别适合各类文章内容的发布与管理。采用响应式技术,确保在不同设备上都能获得良好的阅读体验。查看源码 -
(自适应)酒店民宿客房旅馆pbootcms模板下载基于PbootCMS内核开发的酒店民宿行业专用网站模板,专注于为住宿服务企业提供专业高效的在线展示平台。该模板采用响应式设计结构,确保在不同终端设备上均能呈现优质浏览体验。查看源码 -
(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码 -
(自适应)html5导航目录索引工具类网站源码下载本模板基于PbootCMS开发,为站长导航、网址导航类网站设计。采用HTML5+CSS3技术构建,适配PC端和移动端,提供流畅的浏览体验。适用于个人站长、资源导航平台等场景查看源码
| 分享笔记 (共有 篇笔记) |

