我正在处理一个buddy press主题,并希望通过ajax显示未读消息计数。
我的主题的函数.php中有以下代码
<?php
function addMessageRefresh()
{
?>
<script type="text/javascript">
function getMessages(){
jQuery('#user-messages span').text("Unread Messages: (<?php echo messages_get_unread_count(); ?>)");
}
setInterval("getMessages()", 10000);
</script>
<?php
}
add_action( 'wp_head', 'addMessageRefresh');
?>
成功了
但它只显示页面加载时的未读计数,但如果用户收到任何消息,它不会更新。
这个脚本的主要目的是显示未读消息的总数,它应该通过ajax进行更新。这意味着如果用户收到任何消息,它应该显示未读的消息总数,而不需要重新加载页面。
感谢
不知怎么的…
function getMessages(){
jQuery.ajax({
url: '../url.php'
dataType: 'html',
success: function (data) {
jQuery('#user-messages span').text("Unread Messages: " + data);
}}
)
}
/url.php代码
<?php echo messages_get_unread_count(); ?>
您需要执行以下几个步骤:1) 放置包含未读邮件计数的元素。这应该添加到您的模板中。
<div id="unread_messages"></div>
2) 添加javascript代码,更新您的计数值。您可以将其添加到模板中,也可以从wp_head/wp_foter挂钩打印
<script type="text/javascript">
function update_unread_count() {
jQuery('#unread_messages').load(
'<?php echo admin_url('admin-ajax.php'); ?>',
{ 'action': 'get_unread_message_count' }
);
}
jQuery(document).ready(function() {
// update every 15 seconds, after page loaded
setInterval('update_unread_count()', 15000);
});
</script>
3) 注册ajax请求处理程序。您应该将这些行添加到您的functions.php主题文件中
function my_get_unread_message_count() {
echo messages_get_unread_count();
die();
}
add_action('wp_ajax_get_unread_message_count', 'my_get_unread_message_count');
类似的东西。
您的问题在于:
jQuery('#user-messages span').text("Unread Messages: (<?php echo messages_get_unread_count(); ?>)");
所做的是在加载页面时PHP处理messages_get_unread_count()
函数并使用该值来呈现页面。从那里生成的JavaScript将在您的间隔内被调用,但它将在预处理的标记中定义一个静态值。
您需要对一个url进行AJAX调用,以返回您的消息计数。
这是允许您获取更新的邮件计数的功能。
function add_message_count_js() {
?>
<script type="text/javascript">
//<![CDATA[
var msg_count;
function updateMessages() {
jQuery.ajax({
type: 'POST',
url: '<?php echo admin_url('admin-ajax.php'); ?>',
data: {"action": "view_message_count"},
success: function(data) {
jQuery('#user-messages span').text("Unread Messages: "+data);
}
});
return false;
}
setInterval('updateMessages()', 10000);
//]]>
</script>
<?php
}
add_action('wp_head', 'add_message_count_js');
这将添加适当的AJAX挂钩。
add_action('wp_ajax_view_message_count', 'view_message_count');
add_action('wp_ajax_nopriv_view_message_count', 'view_message_count');
function view_message_count() {
if (is_user_logged_in())
echo messages_get_unread_count();
die();
}
这两个片段都应该放在functions.php文件中。