AJAX初級聊天室代碼

2024-09-01 08:29:49

字體：大中小

來源：轉載

供稿：網友

很早就想發出來了,一直以來都沒什么時間,今天偷個空先把代碼發上面,明天來寫注釋.

還是那句話,AJAX是一種應用,而不是一個專門的技術,我認為做做DEMO要的是速度,要讓看的人好理解,而JS是最基本的WEB語言,相信比起其他的語言來說,要明了很多,所以我還是選擇用JS寫前后臺代碼.但并不代表我不會其他的語言,程序關鍵還是在于自我對實現的想法,而用什么語言,好比選擇工具一樣,我用菜刀可以做,用瑞士軍刀也可以做,關鍵是要看在什么場合.

再就AJAX實際上首要考慮的是人性化,人機交互的便利才是他的優勢,否則我還是勸你使用FLASH的AS來的更快.

記住這個詞--認知潛意識.千萬不要讓用戶感覺到操作的不適應,你也一定要想在用戶的前面,也許這就是程序不智能的位置.
如果你喜歡的話可以繼續開發這個東西,更希望你能夠注明一下轉載出處,我會覺得非常地高興,并寫出更多更好的東西.

首頁HTML代碼:請保存為index.html

程序代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Chating Beta_0.3.23</title>
<link href="images/chatstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="images/chat.js"></script>
<script type="text/javascript" src="images/display.js"></script>
</head>
<body>
<div id="loadifo"></div>
<div class="header">Chating Beta_0.3.23</div>
<div id="outs"><div id="outmain"><div id="chatmain"></div></div></div>
<div class="in">昵稱：
    <input class="names" name="named" type="text" />
    <span id="inputput" class="inputput" onmouseover="overInput(this)" onmouseout="outInput(this)"><input class="inputs" name="inputs" type="text" title="提交對話
快捷鍵:Enter或Ctrl + Enter
清除
快捷鍵:Ctrl + Delete" /><input class="left" type="button" onmouseover="lrover(this)" value=" " onmouseout="lrout(this)" onclick="preChat();" title="向前一條對話記錄
快捷鍵:↑" /><input class="right" onmouseover="lrover(this)" type="button" value=" " onmouseout="lrout(this)" onclick="nextChat();" title="向后一條對話記錄
快捷鍵:↓" />
    <input id="btn" class="btn" type="image" src="images/rest.gif" onmouseover="overBtn(this)" onmouseout="outBtn(this)" onclick="doUsingPost();" title="提交對話
快捷鍵:Enter或Ctrl + Enter" />
    </span>
    <span id="errors"></span>

上一篇：AJAX入門之深入理解JavaScript中的函數

下一篇：prototype試用整理資料