深圳升蓝软件
数据库开发 .Net技术  |  ASP技术 PHP技术 JSP技术 应用技术类   
Hiblue Software

XMLHTTP+Javascript+Asp写得聊天室,无刷新实现(一)


March 25,2004
使用XML.而无须不断刷新*.ASP.
无刷新实现发言的逐条显示.
使用Application变量存储聊天记录,所以要需要建立一个虚拟目录
服务器端不需要支持XML,只要支持ASP和能建立虚拟目录就可以了.
以下代码在nt4.0+iis4.0上通过.我估计在你的win2000下也差不多吧.
如果有问题,请多多赐教:[email protected]

##########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>
       
Copyright © 2001-2008 Shenzhen Hiblue Software Team All rights reserved