当前位置：甜馍馍地理信息网 >> 网站开发 >> .Net编程 >> 正文 >> [阅读资讯：实例:利用AJAX和ASP.NET实现简单聊天室]

实例:利用AJAX和ASP.NET实现简单聊天室

[ 来源:互联网 | 时间:2007年09月13日 | 收藏本文 ] 【大中小】

示例程序是一个单一的多用户聊天室。其内部维护着一个已登录用户的列表。列表将祛除session过期的用户。同时它还支持一些命令比如 /admin Clear 清除聊天室 /nick [Name] 改变用户姓名。

AJAX是一个结合了XML 和 Javascript的异步通信机制。现在我们可以只用服务器代码和一点Javascript 。这篇文章就是介绍如何用AJAX技术来构建一个简单的聊天室。

你还需要知道

　这个程序使用一个类叫做 ChatEngine 。这个类控制了全部的用户和消息。用户被储存在一个Hashtable 里，而消息储存在 StringCollection 里：

Hashtable users;
StringCollection chat;

一个 ChatEngine 的全局实例被放置在 Global.asax.cs ：

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

一个Javascript 函数用来异步的将全局变量内的数据显示在页面上：

function setTimers()
{
timeID = window.setTimeout( "updateAll()", refreshRate );
}

利用每个用户提供的名称和ID来标识用户：

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 ) ));
}
}

截图和实现步骤

利用AJAX和ASP.NET实现简单聊天室[图1]

主页显示了聊天室的基本信息，比如有多少人在聊天室、ChatLog的大小。
为了能够登录聊天室，必须提供一个名称。

当 Login 按钮被单击。下面的代码就会被执行：

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 );
}

进行一些验证以后，用户会被转向到另一个页面，这个页面会利用 AddUser 函数将用户放入用户列表。当这一切都做好了。用户又会被转向到 Chat.aspx 页面，下面的 Javascript 函数将要执行在这个页面上：

利用AJAX和ASP.NET实现简单聊天室[图2]

当用户输入了文字，并且按了回车。下面的代码就会被执行：

// 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 );
}

Tags:ASP.NET AJAX ASP.NET聊天室 JavaScript

【推荐本文】【打印本页】【返回顶部】

>> 相关文章：

● 上一篇文章:请慎用ASP.Net的validateRequest=“false”
● 下一篇文章:教你如何利用ASP.net编写发送Email程序

当前位置：甜馍馍地理信息网 >> 网站开发 >> .Net编程 >> 正文 >> [阅读资讯：实例:利用AJAX和ASP.NET实现简单聊天室]

实例:利用AJAX和ASP.NET实现简单聊天室

Tags:ASP.NET AJAX ASP.NET聊天室 JavaScript

>> 相关文章：

最新文章

推荐文章

热点文章