好友按下ajax新消息通知


buddy press ajax new message notifiction

我正在处理一个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文件中。