自己闲来无事写的一个Ajax类，并做了一个聊天的示例，希望大家多提意见。
希望能认识更多的朋友。
示例：http://www.luck543.cn/chat/
源码：http://www.luck543.cn/chat/chat.rar

[ 本帖最后由 bound0 于 2006-8-16 13:45 编辑 ]

不错，收了

不错，看看先

试了试，不错啊

谢谢各位捧场

努力不一定成功，但不努力一定不会成功。

本来做这个是为了和大家研究 Ajax ，没想到大家对这个聊天室反而更感兴趣。
我就干脆修改了聊天室，增加了 在线用户 和 调整了 清空记录功能。
示例：http://www.luck543.cn/chat/
源码：http://www.luck543.cn/chat/chat.rar

呵呵~收下了。

不错.顶楼主

不错，文字上屏有点慢，点自动刷新有JS错误：
行：62
字符：1
错误：“ajaxPanel12”未定义

呵呵!谢谢大家的建议和支持.
我对昨天的功能进行的改进
增加了发言个性样式功能，优化了在线名单，加入了简单的用户注册。

示例：http://www.luck543.cn/chat/
源码：http://www.luck543.cn/chat/chat.rar

欢迎大家多提建议!

增加了 系统 消息
所有人选项

挺不错的!

这里是我的写的 Ajax.js 中包含的几个主要方法,我把它贴出来希望会对大家有所帮助

1、请求一个 Url 但不返回结果.
AjaxExecute(url, Anyschronous)
- url(必须): : String 邀请求的 Url 地址
- Anyschronous(必须): : Bool 设置是否采用异步执行

2、请求一个 Url 但不返回结果.
AjaxCommand(url, params, fsuccess, ferror)
- url(必须): String 邀请求的 Url 地址
- params(必须): Unkown 要传递给请求页面的参数
- fsuccess(非必须): Function 页面请求成功后执行的 Javascript 函数
- ferror(非必须): Function 页面请求失败后执行的 Javascript 函数

3、请求一个 Url ，并把服务器返回结果以 Window.Alert 显示
AjaxAlert(url, params)
- url(必须): String 邀请求的 Url 地址
- params(必须): Unkown 要传递给请求页面的参数

4、请求一个 Url ，并把服务器返回结果显示在指定位置
AjaxReader(objectid, url, fsuccess, ferror)
- objectid(必须): 要显示服务器返回结果的 HTML Element ID
- url(必须): String 邀请求的 Url 地址
- fsuccess(非必须): Function 页面请求成功后执行的 Javascript 函数
- ferror(非必须): Function 页面请求失败后执行的 Javascript 函数

5、请求一个 Url ，并把服务器返回结果显示在指定位置
AjaxPanel(obj, url, seconds, fsuccess, ferror)
- objectid(必须): 要显示服务器返回结果的 HTML Element ID
- url(必须): String 邀请求的 Url 地址
- seconds(非必须): Int 可以设置间隔秒数定时更新结果，如果不需要则不填
- fsuccess(非必须): Function 页面请求成功后执行的 Javascript 函数
- ferror(非必须): Function 页面请求失败后执行的 Javascript 函数

6、获取一个 HTML Form 的 Post 字符串
AjaxForm(tForm)
- tForm(必须): HTML Form 的 Name 属性

帮你把 JS 部分代码贴出来

// ----------------------------------------------------------------------// // Author:Jacksen // Email: tianeyi@sina.com.cn // Date: 2006-08-08 // ----------------------------------------------------------------------// // JavaScript Document function Ajax(recvB,resultF, errorF) { this.xmlHttp = this.createXMLHttpRequest(); this.errorF; if (arguments.length>2) { this.errorF = arguments[2]; } if (this.xmlHttp == null) { this.errorF("创建 XMLHTTP 对象失败。"); return false; } var objxml = this.xmlHttp; objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,recvB,resultF,errorF)}; } Ajax.prototype.createXMLHttpRequest = function() { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} try { return new XMLHttpRequest(); } catch(e) {} return null; } Ajax.prototype.get = function (url, ansychronous) { if (arguments.length>1) { this.xmlHttp.open("GET", url, ansychronous); }else{ this.xmlHttp.open("GET", url, true); } this.xmlHttp.send(null); } Ajax.prototype.post = function(url, stringS) { this.xmlHttp.open("POST",url,true); this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); this.xmlHttp.send(stringS); } Ajax.handleStateChange = function (xmlHttp,recvB,resultF, errorF) { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { if (resultF!=null) { resultF(recvB?xmlHttp.responseXML:xmlHttp.responseText); } }else { if (errorF!=null) { errorF("您所请求的页面有异常。"); } } } } // Ajax Data Command function AjaxExecute(url, Anyschronous){ this.ajax; this.ajax = new Ajax(false, null, null); this.ajax.get(url, Anyschronous); } // Ajax Data Command function AjaxCommand(url, params, fsuccess, ferror){ this.ajax; this.ajax = new Ajax(false, fsuccess, ferror); this.ajax.post(url, params); } // Ajax Text Alert function AjaxAlert(url, params){ this.ajax; this.RecvData = function(e){ window.alert(e); } this.Error = function(e){ window.alert(e); } this.ajax = new Ajax(false, this.RecvData, this.Error); this.ajax.post(url, params); } // Ajax Data Reader function AjaxReader(obj, url, fsuccess, ferror){ this.ajax; this.RecvData = function(e){ document.getElementById(obj).innerHTML = e; if (fsuccess!=null) { fsuccess(e); } } this.Error = function(e){ document.getElementById(obj).innerHTML = "错误信息：" + e; if (ferror!=null) { fsuccess(e); } } this.ajax = new Ajax(false, this.RecvData, this.Error); this.ajax.get(url); } // Ajax Panel function AjaxPanel(obj, url, seconds, fsuccess, ferror){ this.timer = null; this.Object = obj; this.Action = url; this.Second = seconds; this.FSuccess; this.FError; this.State = 0; if (document.getElementById(obj)==null) { var tDiv = document.createElement("div"); tDiv.id = obj; document.body.appendChild(tDiv); } if (arguments.length > 2) { if (arguments.length > 3) { if (arguments.length > 4) { this.FSuccess = fsuccess; this.FError = ferror; AjaxReader(obj, url, fsuccess, ferror); this.timer = window.setInterval("AjaxReader('"+obj+"', '"+url+", "+fsuccess+", "+ferror+");", seconds); }else{ this.FSuccess = fsuccess; AjaxReader(obj, url, fsuccess); this.timer = window.setInterval("AjaxReader('"+obj+"', '"+url+"', "+fsuccess+");", seconds); } }else{ AjaxReader(obj, url); this.timer = window.setInterval("AjaxReader('"+obj+"', '"+url+"');", seconds); } }else{ AjaxReader(obj, url); } } AjaxPanel.prototype.start = function() { if (this.timer==null) { if (this.FSuccess!=null) { if (this.FError!=null) { this.timer = window.setInterval("AjaxReader('"+this.Object+"', '"+this.Action+"', "+ this.FSuccess +", "+ this.FError +");", this.Second); }else{ this.timer = window.setInterval("AjaxReader('"+this.Object+"', '"+this.Action+"', "+ this.FSuccess +");", this.Second); } }else{ this.timer = window.setInterval("AjaxReader('"+this.Object+"', '"+this.Action+"');", this.Second); } this.State = 0; } } AjaxPanel.prototype.stop = function() { if (this.timer!=null) { clearInterval(this.timer); this.timer = null; this.State = 1; } } // Ajax Form Action function AjaxForm(tForm){ var iUrl = ""; for (i=0;i<tForm.elements.length ; i++) { if (i==0) { if (tForm.elements[i].type == "checkbox" || tForm.elements[i].type == "radio") { if (tForm.elements[i].checked) { iUrl += tForm.elements[i].name + "=" + escape(tForm.elements[i].value); } }else{ iUrl += tForm.elements[i].name + "=" + escape(tForm.elements[i].value); } }else{ if (tForm.elements[i].type == "checkbox" || tForm.elements[i].type == "radio") { if (tForm.elements[i].checked) { iUrl += "&" + tForm.elements[i].name + "=" + escape(tForm.elements[i].value); } }else{ iUrl += "&" + tForm.elements[i].name + "=" + escape(tForm.elements[i].value); } } } return iUrl; }
 提示：您可以先修改部分代码再运行

这个好,收了

前两天工作比较忙,所以没有修改程序.
今天作了一下更新

      增加了私聊、表情、改名、聊天室房间等功能。

收下

我试验了一下,但老提示"网络不接受请求",是什么原因呀?

还不错.

不错不错 支持下~

为什么url请求的param是必须的呢
2、请求一个 Url 但不返回结果.
AjaxCommand(url, params, fsuccess, ferror)
- url(必须): String 邀请求的 Url 地址
- params(必须): Unkown 要传递给请求页面的参数 ######这里不解，为什么一定要必须呢？？##
- fsuccess(非必须): Function 页面请求成功后执行的 Javascript 函数
- ferror(非必须): Function 页面请求失败后执行的 Javascript 函数

因为 AjaxCommand 是使用 Post 方法,因此 xmlhttprequest 必需 params 参数.
当然如果没有可以输入 null

我拿去用，可以吗？？

为什么我这边试用的时候总是提示登录失败！您输入的用户名与密码不匹配，如果您是第一次登录请重新选择用户名。

在本机上测试提示网络请求失败！

引用:

原帖由 newlethe 于 2006-8-25 17:18 发表
我拿去用，可以吗？？

可以!请随意!
关于您的哪两个问题.
一、提示这个信息，表示您输入的用户名已经被注册了，重新选择用户名就可以了。
二、表示网络请求失败，可以查看您的数据库文件是否具备可写权限。

怎么样才可以把“欢迎win进入聊天室”这个去掉。
人多的时候太讨厌了。

引用:

原帖由 tianeyi 于 2006-8-28 12:14 发表

可以!请随意!
关于您的哪两个问题.
一、提示这个信息，表示您输入的用户名已经被注册了，重新选择用户名就可以了。
二、表示网络请求失败，可以查看您的数据库文件是否具备可写权限。

我清空了数据库里面的所有用户，上传到我的网站空间后，第一次登录出现第一种提示信息，再换其他用户名还是同样提示信息！，把数据库下载下来看看，用户名都已经写入！

放到本机用IIS测试的时候，才提示【网络请求失败】