DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 判斷用戶什麼時候離開,以什麼方式離開
判斷用戶什麼時候離開,以什麼方式離開
編輯:AJAX詳解     

站點用戶統計是每一個站點比有得功能,但是很少有人實現在線用戶統計得絕對精確或者說是相對精確,基於Web得原理,服務器不會主動知道用戶通過關閉浏覽器離開站點,這時候只能依靠服務器端變量Session得過期來判斷用戶是否離開,但用戶浏覽器是可以知道自己何時關閉得,代碼也非常簡單

如下:

function body_onunload()

{

   if(window.event.clIEntX<0)

   {

          alert('the broswer is closing...');

   }

    else

    {

         alert('the user is refreshing or navigating away...);

    }
}

以上代碼就會判斷用戶是關閉浏覽器還是刷新或者導航到其他頁面了!


---------------------------------------------------------------------------------------------------
下午的時候,用代碼測試了一下,主要是利用上面的JS函數,結合Ajax技術,由於對AJax技術了解的不是很透徹,前後嘗試了三次。
現將嘗試結果與大家分享,大家也多給點意見
首先我嘗試了在AJax方法中訪問Application,企圖用Application變量來記錄在線人數。嘗試代碼:
[AjaxPro.AJaxMethod]
  public int Logoff() 
  {   
       Application["onlineCount"]=Convert.ToInt32(Application["onlineCount"])-1;
      return      Convert.ToInt32(Application["onlineCount"]);
  }
嘗試失敗!估計是Ajax不能訪問應用程序的靜態變量和Application變量。第一次使用AjaxPro不知道如何設置可以訪問Session,以前使用的是AJax.dll,設置成可以讀寫Session,嘗試結果可能發生改變!
第二種我嘗試了用文本文件記錄在線人數,仍然失敗!
第三中,采用數據庫!嘗試成功。
代碼如下:
[AjaxPro.AJaxMethod]
  public int Logoff() 
  {   
   SqlConnection conn = new  SqlConnection("server=.;database=test; uid=sa;pwd=123");
   SqlCommand cmd = new SqlCommand("update OnlineCount set num=num-1",conn);
   try
   {
    conn.Open();
    cmd.ExecuteNonQuery();
   }
   catch(Exception ex)
   {
    EventLog.WriteEntry(ex.Source,ex.Message);
   }
   finally
   {
    conn.Close();
   }
   
   cmd = new SqlCommand("select top 1 num from OnlineCount",conn);
   try
   {
    conn.Open();
    return Convert.ToInt32(cmd.ExecuteScalar());
   }
   catch(Exception ex)
   {
    EventLog.WriteEntry(ex.Source,ex.Message);
   }
   finally
   {
    conn.Close();
   }
   return 0;
   
  }
前台頁面縮

 1    <script language="Javascript">
 2<!--
 3       function leave() 
 4       { 
 5          alert(window.event.clIEntX);
 6          if(window.event.clIEntX<0)
 7          {
 8            WebApplication3.WebForm1.Logoff().value;
 9          }
10       }
11//-->
12        </script>
13    </HEAD>
14    <body onunload="leave()">
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved