php - 如何使用 PHP 和 Jquery 开发像 facebook 这样的警报系统？

Question

我如何开发像 Facebook 这样的警报系统，用户 A 添加用户 B，用户 B 将在标题的“好友请求”部分中获得一些号码，如下图所示。我怎样才能开发这样的东西？我们怎样才能得到这样的数字？我怎样才能得到 PHP 和 JQuery 中的代码？

Answer 1

我想您想要一种方法来提醒用户 A，当用户 B 与他/她成为好友时无需刷新页面？

这需要“AJAX”。 AJAX 代表异步 Javascript 和 XML，但现在这是一个过载的术语，实际的交换数据结构通常使用 JSON 而不是 XML。 JSON 是 JavaScript 对象表示法。无论如何，这个想法是您的网页 - 无需刷新 - 可以定期调用您的服务器以获取新的或更新的信息以更新显示。使用 PHP 和 jQuery，您首先需要像这样在您的页面上设置 AJAX 调用:

$(function() { // on document ready

function updateAlerts() {
   $.ajax({
      url : "/check.php",
      type : "POST",
      data : {
         method : 'checkAlerts'
      },
      success : function(data, textStatus, XMLHttpRequest) {
         var response = $.parseJSON(data);

         // Update the DOM to show the new alerts!
         if (response.friendRequests > 0) {
            // update the number in the DOM and make sure it is visible...
            $('#unreadFriendRequestsNum').show().text(response.friendRequests);
         }
         else {
            // Hide the number, since there are no pending friend requests
            $('#unreadFriendRequestsNum').hide();
         }

         // Do something similar for unreadMessages, if required...
      }
   });
   setTimeout('updateAlerts()', 15000); // Every 15 seconds.
}

});

这将每隔 15 秒向您的服务器发出一个请求，请求地址为/check.php，该请求位于与网页来源相同的域中。 PHP 应该查询您的数据库并返回未读好友请求的数量。也许是这样的:

<?php

   function isValid(session) {
      // given the user's session object, ensure it is valid 
      // and that there's no funny business
      // TO BE IMPLEMENTED
   }

   function sanitize(input) {
      // return CLEAN input
      // TO BE IMPLEMENTED
   }

   // Be sure to check that your user's session is valid before proceeding, 
   // we don't want people checking other people's friend requests!
   if (!isValid(session)) { exit; }

   $method = sanitize($_POST['method']);

   switch ($method) {
      case 'checkAlerts' :
         // Check DB for number of unread friend requests and or unread messages
         // TO BE IMPLEMENTED

         $response = ['friendRequests' => $num_friend_requests,
                      'messages' => $num_unread_messages ];

         return json_encode( $response );
         exit;

      case 'someOtherMethodIfRequired' :
         // ...
         exit;
   }
?>