用Atlas来实现基于AJAX的无刷新Chatroom

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

Atlas是微软提供的一个AJAX工具包，封装了实现AJAX的所需的Java Script，使用起来非常简单，可以直接调用Web Service方法，然后通过Asynchronous Call的方式回调给客户端script，我用Atlas写了个简

Atlas是微软提供的一个AJAX工具包，封装了实现AJAX的所需的Java Script，使用起来非常简单，可以直接调用Web Service方法，然后通过Asynchronous Call的方式回调给客户端script，我用Atlas写了个简单的基于AJAX的无刷新chatroom：

为了引用Web Service，首先要在页面中添加以下客户端脚本：

用来显示和添加message的调用如下，对于每个方法的调用需要三个参数，分别是：Web Service方法的参数、调用成功后的回调函数、调用超时的回调函数。

 functionGetMsg(){
AtlsChat.ChatService.GetConversation(
"",//params
OnComplete,//Completeevent
OnTimeout//Timeoutevent
);
returnfalse;
}

functionAdd(){
document.getElementById('info').innerHTML

=' posting ';
AtlsChat.ChatService.Add(
document.getElementById('inputName').value.replace('t',' ')+'t'+document.getElementById('inputMsg').value.replace('t',' '),
GetMsg,
OnTimeout
);
returnfalse;
}
functionOnComplete(result)
document.getElementById('msg').innerHTML=result;
document.getElementById('info').innerHTML="";
}
functionOnTimeout(result)
{
document.getElementById('info').innerHTML="timeout";
}

最后，需要在页面中引用Atlas提供的几个js：

="~/ScriptLibrary/AtlasCompat.js"Browser="Mozilla"/>
="~/ScriptLibrary/AtlasCompat.js"Browser="Firefox"/>
="~/ScriptLibrary/AtlasCompat.js"Browser="AppleMAC-Safari"/>
="~/ScriptLibrary/AtlasCore.js"/>
="~/ScriptLibrary/AtlasCompat2.js"Browser="AppleMAC-Safari"/>