类似MSN,采用ajax技术

类似MSN消息弹出框,AJAX技术 <script language="jscript"> // 获取最近的消息 function getRecentMsg() { // 消息显示<div>对象 var div_recentMsg = el("recentMsg"); // 根据url获取用户名 var username = document.location.search.split('=')[1]; // 获取最新消息的数据表 var dt = ch111.SendMsg.GetRecentMsg(username).value.Tables[0]; // 从后向前将消息内容显示 for (var i = dt.Rows.length - 1;i >= 0;i--) { // 一条消息对应与一个<span>对象 var oneMsg = document.createElement("span"); // 消息发送者与发送对象 var strLine1 = dt.Rows[i].sender + "说: (" + dt.Rows[i].sendtime + ")"; strLine1 = DealBrackets(strLine1); // 消息内容 var strLine2 = dt.Rows[i].content; strLine2 = DealBrackets(strLine2); // 显示样式 oneMsg.innerHTML = "<pre>" + strLine1 + "<br>  " + strLine2 + "</pre>"; oneMsg.style.padding = "2px 2px 2px 2px"; oneMsg.style.color = (dt.Rows[i].sender == username) ? "blue" : "red"; oneMsg.style.fontFamily = "'Courier New' , 宋体"; // 附加到DOM div_recentMsg.appendChild(oneMsg); } } // 发送消息 function sendMessage() { // 消息内容输入框 var ta_content = el("content"); // 如果输入内容不为空 if (ta_content.value.length > 0) { // 消息显示区域 var div_recentMsg = el("recentMsg"); // 用户名 var username = document.location.search.split('=')[1]; // 发送消息 ch111.SendMsg.SendMessage(username, ta_content.value); // 清空输入框 ta_content.value = ""; // 页面跟随输入框滚动 ta_content.scrollIntoView(false); // 获取新消息 getNewMessage(); } } // 获取最新的消息 function getNewMessage() { // 用户名 var username = document.location.search.split('=')[1]; // 消息显示区域 var div_recentMsg = el("recentMsg"); // 获取最新消息的数据表 var dt = ch111.SendMsg.GetNewMessage().value.Tables[0]; for (var i = 0;i < dt.Rows.length;i++) { // 一条消息对应与一个<span>对象 var oneMsg = document.createElement("span"); // 消息发送者与发送对象 var strLine1 = dt.Rows[i].sender + "说: (" + dt.Rows[i].sendtime + ")"; strLine1 = DealBrackets(strLine1); // 消息内容 var strLine2 = dt.Rows[i].content; strLine2 = DealBrackets(strLine2); // 显示样式 oneMsg.innerHTML = "<pre>" + strLine1 + "<br>  " + strLine2 + "</pre>"; oneMsg.style.padding = "2px 2px 2px 2px"; oneMsg.style.color = (dt.Rows[i].sender == username) ? "blue" : "red"; oneMsg.style.fontFamily = "'Courier New' , 宋体"; // 附加到DOM div_recentMsg.appendChild(oneMsg); } } // 主进程循环 function mainLoop() { // 获取新消息 getNewMessage(); // 每隔1秒检查一次 setTimeout("mainLoop()", 1000); } // 显示最近的消息 getRecentMsg(); // 定时更新消息列表 mainLoop(); </script>