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

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

##########index.asp##############################

 1<html>
 2<head>
 3<title>蓝蝶聊天室 Www.ChinaOk.net</title>
 4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 5<style type="text/css">   
 6BODY{FONT-SIZE: 9pt}   
 7TD{FONT-SIZE: 9pt}   
 8.tbljm{BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;color:#000000;}   
 9</style>
10<script language="Javascript">   
11function openWin()   
12{winst="Status=yes,scrollbars=yes,resizable=yes,width="+(screen.availWidth-10)+",height="+(screen.availHeight-50)+",top=0,left=0";   
13window.open('about:blank','7923sdfsdfs',winst);   
14}   
15function form_onsubmit(obj)   
16{ var no=0,psd="1234567890";   
17if(obj.UserName.value==""){alert("请输入你的昵称!\n"); obj.UserName.focus(); return false;}   
18if(obj.UserName.value.indexOf(" ")>-1 ||obj.UserName.value.indexOf("'")>-1 || obj.UserName.value.indexOf("\"")>-1){alert("你的昵称含有非法字符!\n"); obj.UserName.focus(); return false;}   
19openWin();   
20return true;   
21}   
22</script>
23</head>
24<body background="images/greystrip.gif" bgcolor="#ffffff" onload="javascript:document.form1.ok.blur()" text="#000000" valign="center">
25<center><table border="0" width="67%">
26<tbody>
27<tr>
28<td align="middle" style="FONT-SIZE: 10.5pt" valign="center"><font color="#0033ff">::::: :::::</font> </td>
29</tr></tbody></table></center>
30<table align="center" border="0" cellpadding="0" cellspacing="0" style="BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; BORDER-BOTTOM: #003366 1px solid" width="200">
31<tr>
32<td bgcolor="#304d7c" height="25">
33<div align="center"><font color="#ffffff">用户登陆</font></div>
34</td>
35</tr>
36<tr>
37<td height="121">
38<form action="main.asp" method="post" name="form1" onsubmit="return form_onsubmit(this)" target="7923sdfsdfs">
39<table background="images/greystrip.gif" border="0" cellpadding="0" cellspacing="0" width="199">
40<tr>
41<td height="35">
42<div align="center">用户名:   
43<input class="tbljm" maxlength="20" name="UserName" size="10"/>
44</div>
45</td>
46</tr>
47<tr>
48<td height="41">
49<div align="center">性 别:   
50<input checked="" name="sx" type="radio" value="0"/>男 | <input name="sx" type="radio" value="1"/>女   
51</div>
52</td>
53</tr>
54<tr>
55<td height="40">
56<div align="center">
57<input class="tbljm" name="ok" type="submit" value="登 陆"/>
58<input class="tbljm" name="nook" type="reset" value="重 写"/><br/><br/><font color="red">演示xmlHttp实现的无刷新技术<br/>代码可下载</font><br/></div>
59</td>
60</tr>
61</table>
62</form></td>
63</tr>
64</table>
65</body>
66</html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus