我的第一個(gè)chat room 是用ASP 3.0寫(xiě)的。 程序比較簡(jiǎn)單，兩個(gè)text box， 用來(lái)處理頁(yè)面上每秒刷新的信息。那時(shí)候，要想建一個(gè)真正的chat room，要用到Java Applet 或者 ActiveX control。基于HTTP的chart rooms都面臨著一些跟我第一個(gè)chat room一樣的問(wèn)題。這些問(wèn)題包括頁(yè)面刷新導(dǎo)致的屏幕閃爍現(xiàn)象。但這個(gè)問(wèn)題已經(jīng)被AJAX解決了。 AJAX是javascript和 XML異步調(diào)用的結(jié)合。現(xiàn)在在server端用一些JavaScript代碼就可以實(shí)現(xiàn)一個(gè)真正的chat room了。這篇文章不會(huì)介紹Ajax，并假設(shè)你已經(jīng)對(duì)Ajax和asp.net的運(yùn)用有一定了解。只是介紹如何用Ajax技術(shù)來(lái)創(chuàng)建一個(gè)基本的chat room。

例 程

這是一個(gè)多用戶的單一chat room。可以實(shí)現(xiàn)基本的聊天功能，還支持一些命令行如： /admin clear 用來(lái)清除聊天記錄，/nick [Name] 用來(lái)更改用戶昵稱(chēng)等。程序說(shuō)明這個(gè)程序用一個(gè)ChatEngine類(lèi)來(lái)處理所有的聊天信息和用戶信息，用戶信息存儲(chǔ)在一個(gè)Hashtable中，聊天信息存儲(chǔ)在StringCollection中。

Hashtable users;
StringCollection chat;
在Global.asax.cs 中聲明一個(gè)全局的ChatEngine的實(shí)例，為chat room中所有users共用：

public static UChat.ChatEngine.IChatEngine Engine = new UChat.ChatEngine.ChatEngine();

還有一個(gè)JavaScript timer函數(shù)用來(lái)同步全局變量和頁(yè)面信息。

function setTimers()
{
  timeID = window.setTimeout( "updateAll()", refreshRate );
}
每一個(gè)user都由一個(gè)username和一個(gè)GUID來(lái)唯一標(biāo)識(shí)。

public void AddUser(string id, string user)
{
      //make sure user name does not exist already
      if( !UserExists( user ) )
      {
            //add user to users list
            users.Add( id, user );
                                   
            //display a notification message to all users
            chat.Add( this.MakeServerMessage(string.Format(
                      joinedfmt, user ) ));
      }
}

程序運(yùn)行界面

開(kāi)始頁(yè)面顯示一些有關(guān)當(dāng)前session的基本信息，比如user number、聊天記錄的大小等。用戶必須提供用戶名才能進(jìn)入聊天室。點(diǎn)擊Login button進(jìn)入下面的函數(shù)：

protected void Login( object sender, EventArgs e )
{
      string user = txtUsername.Text;

      if( !ValidateNick( user ) ) return;

      if( Global.Engine.UserExists( user ) )
      {
            lblErrorMsg.Text = "A user with this " +
                 "name already exists, try again.";
            return;
      }
      Response.Redirect( "Server.aspx?action=Login&u=" + user );
}
經(jīng)過(guò)一些簡(jiǎn)單驗(yàn)證后，通過(guò)AddUser函數(shù)將用戶加到user lists，然后就進(jìn)入了聊天室頁(yè)面chat.aspx，這時(shí)下面的JavaScript函數(shù)就會(huì)被執(zhí)行：

<script type="text/javascript">
      sniffBrowserType();
      //Shows loading.. screen
      showLoadScreen();
      //Set the javascript timer and
      //loads user list and messages
      setTimers();
      setFocus('mytext');
</script>
當(dāng)用戶鍵入一些信息并回車(chē)時(shí)，就會(huì)調(diào)用下面的函數(shù)：

<input type="text" class="mytext"
       id="mytext" onkeydown="captureReturn(event)">

// Capture the enter key on the input box and post message
function captureReturn( event )
{
      if(event.which || event.keyCode)
      {
            if ((event.which == 13) || (event.keyCode == 13))
            {
                  postText();
                  return false;
            }
            else {
                  return true;
            }
      }    
}
function postText()
{
      rnd++;
      //Clear text box first
      chatbox = getElement( "mytext" );
      chat = chatbox.value;
      chatbox.value = "";
     
      //get user GUID from url
      userid = location.search.substring( 1, location.search.length );
     
      //construct Ajax Server URL
      url = 'Server.aspx?action=PostMsg&u=' + userid + '&t=' +
             encodeURIComponent(chat) + '&session=' + rnd;
     
      //Create and set the instance
      //of appropriate XMLHTTP Request      object
      req = getAjax();
     
      //Update page with new message
      req.onreadystatechange = function(){
     
            if( req.readyState == 4 && req.status == 200 ) {
                  updateAll();
            }
      }
     
      req.open( 'GET', url, true );
      req.send( null );
}
就這么多，沒(méi)什么特別的，你可以看源代碼，里面有很多注釋信息。

結(jié) 論

要用Java Applet建一個(gè)chat room需要在用戶的機(jī)器上安裝JVM。用ActiveX control存在一些安全問(wèn)題。而用剛才介紹的AJAX，你卻可以輕而易舉的創(chuàng)建一個(gè)基于HTTP并不需要用戶安裝任何軟件就可以運(yùn)行的聊天室程序，并且很容易維護(hù)。