WordPress使用AJAX实时获取评论头像

那几天刚好在折腾Ajax,听小哲哲说要搞实时头像,然后就写了这个功能。 首先我们要使用到WP的[code]admin-ajax.php[/code]文件,用来与JS传递数据,你需要用到[code]wp_localize_script()[/code]函数以声明这个文件的路径,或者你有其他方法拿到路径也可以,像这样[code]http:\/\/localhost\/blog\/wp-admin\/admin-ajax.php[/code]实例PHP部分 此代码添加到主题[code]functions.php[/code]文件[code]add_action( 'init', 'ajax_avatar_url' ); function ajax_avatar_url() { if( $_GET['action'] == 'ajax_avatar_get' && 'GET' == $_SERVER['REQUEST_METHOD'] ) { $email = $_GET['email']; echo get_avatar_url( $email, array( 'size'=>42 ) ); // size 指定头像大小 die(); }else { return; } }[/code]JS部分 此代码添加到主题js文件[code]$("input#email").blur(function() { var _email = $(this).val(); if (_email != '') { $.ajax({ type: 'GET', data: { action: 'ajax_avatar_get', form: ajaxurl, // 修改为你的Ajax路径 email: _email }, success: function(data) { $('.avatar').attr('src', data); // 修改为你自己的头像标签 } }); // end ajax } return false; });[/code] 最后,代码里面该改的改,没有其他的了,是不是很简单?
已邀请:

要回复问题请先登录注册