最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用wordpress自带ajax方法
时间:2014-02-10 编辑:简简单单 来源:一聚教程网
如本站每页logo后面的一句名言,点击“换一条”就会ajax动态加载一条,使用了wordpress的自带ajax方法。下面介绍如何使用wordpress自带ajax方法:
1.在header.php文件加入html和js
代码如下 | 复制代码 |
html: [javascript:void();" onclick="say();" rel="nofollow">换一条] |
js ajax请求:
代码如下 | 复制代码 |
在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'); 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 () { |
相关文章
- WordPress原生的文章AJAX点赞的功能 04-22
- WordPress中使用AJAX的几个问题总结 07-03
- Wordpress中AJAX方法使用详解 04-20
- Wordpress利用Ajax实现文章浏览次数统计代码 05-14
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31