使用XML.而无须不断刷新*.ASP. 无刷新实现发言的逐条显示. 使用Application变量存储聊天记录,所以要需要建立一个虚拟目录 服务器端不需要支持XML,只要支持ASP和能建立虚拟目录就可以了. 以下代码在nt4.0+iis4.0上通过.我估计在你的win2000下也差不多吧. 如果有问题,请多多赐教:netnice@chinaok.net
##########index.asp##############################
<html> <head> <title>蓝蝶聊天室 Www.ChinaOk.net</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style TYPE="text/css"> BODY{FONT-SIZE: 9pt} TD{FONT-SIZE: 9pt} .tbljm{BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;color:#000000;} </style> <script language="Javascript"> function openWin() {winst="Status=yes,scrollbars=yes,resizable=yes,width="+(screen.availWidth-10)+",height="+(screen.availHeight-50)+",top=0,left=0"; window.open('about:blank','7923sdfsdfs',winst); } function form_onsubmit(obj) { var no=0,psd="1234567890"; if(obj.UserName.value==""){alert("请输入你的昵称!\n"); obj.UserName.focus(); return false;} if(obj.UserName.value.indexOf(" ")>-1 ||obj.UserName.value.indexOf("'")>-1 || obj.UserName.value.indexOf("\"")>-1){alert("你的昵称含有非法字符!\n"); obj.UserName.focus(); return false;} openWin(); return true; } </script> </head>
<body bgcolor="#ffffff" text="#000000" valign="center" onload="javascript:document.form1.ok.blur()" background="images/greystrip.gif"> <center><TABLE border=0 width="67%"> <TBODY> <TR> <TD valign=center align="middle" style="FONT-SIZE: 10.5pt"><FONT color=#0033ff>::::: :::::</FONT> </TD> </TR></TBODY></TABLE></center> <table width="200" border="0" style="BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; BORDER-BOTTOM: #003366 1px solid" cellspacing="0" cellpadding="0" align="center"> <tr> <td bgcolor="#304d7c" height="25"> <div align="center"><font color="#ffffff">用户登陆</font></div> </td> </tr> <tr> <td height="121"> <form name="form1" method="post" action="main.asp" onSubmit="return form_onsubmit(this)" target="7923sdfsdfs">
<table width="199" border="0" cellspacing="0" cellpadding="0" background="images/greystrip.gif"> <tr> <td height="35"> <div align="center">用户名: <input name="UserName" size="10" maxlength="20" class=tbljm> </div> </td> </tr> <tr> <td height="41"> <div align="center">性 别: <input type=radio value="0" name=sx checked>男 | <input type="radio" value="1" name=sx>女 </div> </td> </tr> <tr> <td height="40"> <div align="center"> <input type="submit" name="ok" value="登 陆" class=tbljm> <input type="reset" name="nook" value="重 写" class=tbljm><BR><br><font color=red>演示xmlHttp实现的无刷新技术<br>代码可下载</font><br></div> </td> </tr> </table> </form></td> </tr> </table> </body> </html>
|