如何使用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秒，在URL對您的服務器發出請求/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; 
    } 
?>