PHP+ajax聊天室源码！支持长轮循跟定时请求两种
1 var lastID = "1";//声明上次取回的消息的ID
2 var isposted = false;
3 var mGetTime;//设置setTimeout的返回值
4 // 通过封装getAjax()方法创建XMLHTTPRequest对象
5function trim(str){ //删除左右两端的空格
6 return str.replace(/(^\s*)|(\s*$)/g, "");
7 }
8
9 function getPlainTxt() {
10 var str=UE.getEditor('myEditor').getContent()
11 str=trim(str);
12 $('#mess').html(str);
13 }
14
15 function setContentmess() {
16 UE.getEditor('myEditor').setContent('', false);
17 return;
18 }
19
20 //获取JSURL后面的参数
21 function _getArgs(name,_number){
22 var jsFileName = name;
23 var rName = new RegExp(jsFileName+"(\\?(.*))?$")
24 var jss=document.getElementsByTagName('script');
25 for (var i = 0;i < jss.length; i++){
26 var j = jss;
27 if (j.src&&j.src.match(rName)){
28 var oo = j.src.match(rName);
29 if (oo&&(t = oo.match(/([^&=]+)=([^=&]+)/g))){
30 for (var l = 0; l < t.length; l++){
31 r = t;
32 var tt = r.match(/([^&=]+)=([^=&]+)/);
33 if (tt)
34 return tt;
35 //document.write('参数：' + tt + '，参数值：' + tt + '<br />');
36 }
37 }
38 }
39 }
40 }
41
42
43 function user_to(){
44 var userid1=$('#userid1').val();
45 if(userid1=='所有人'){
46 alert('请选择聊天对象哦!\n\n点击用户名称即可!');
47 $("#userid2").attr("checked",false);
48 }
49 return false;
50 }
51
52
53
54
55
56 //点击选择用户
57 function getFirend(name) {
58 var new_name;
59 if(name.length > 1 && name!="所有人") {
60 $("#userto").val(name);
61 $("#userid1").attr("checked",false);
62 $("#userid2").attr("checked",true);
63
64 if(name.length > 8) {
65 new_name = name.substr(0, 6);
66 } else {
67 new_name = name;
68 }
69 document.getElementById("tousertitle").innerHTML = "<font color=#ff6600 title=" + new_name + ">" + new_name + "</font>";
70 }else{
71
72 $("#userto").val("所有人");
73
74 $("#userid1").attr("checked",true);
75 $("#userid2").attr("checked",false);
76
77
78
79 document.getElementById("tousertitle").innerHTML = "用户";
80 }
81 }
82
83
84
85 //发送消息的方法
86 function sendMess()
87 {
88
89 getPlainTxt();
90 //如果消息为空给出提示并返回
91 var messvalue=$("#mess").html();
92 messvalue=trim(messvalue);
93
94 if(messvalue.length>650){
95 alert("参与互动提示：\n亲,输入的文字是不是有点多了？！，少说点吧!\n\n复制过来的文字!请先清除格式！");
96 //document.getElementById("mess").focus();//把焦点设置到消息输入框
97 return false;
98 }
99
100
101
102 if($("#mess").html().length<2){
103 alert("参与互动提示：\n请填写您要发表的内容，长度必须2～250个字节！");
104 //document.getElementById("mess").focus();//把焦点设置到消息输入框
105 return false;
106 }
107
108 var d = new Date();
109 var username = $("#username").val() ;
110 var userto = $("#userto").val() ;
111 var userid = $("#userid").val() ;
112 //var mess = document.getElementById("mess").value ;
113 var mess = messvalue ;
114 var userpid= $("#userpid").val() ;
115 var IP = $("#IP").val() ;
116 var usertype = $("#usertype").val() ;
117
118 var sendUrl = "username="+username+"&userto="+userto+"&userid="+userid+"&userpid="+userpid+"&mess="+mess +"&IP="+IP +"&usertype="+usertype+"&d="+d.getTime();
119 var sendUrl = encodeURI(sendUrl);
120 XMLHttp.sendReq('POST', 'send.php',sendUrl, send_response);
121
122
123 }
124
125 function send_response(obj){
126 var response = obj.responseText;
127 if(response=='ok'){
128 if(!isposted){
129 isposted = true;
130 getMess();
131 }
132 setContentmess();//设置消息框为空
133 }
134 if(response=='false'){
135 alert("发送失败！你的字符含有非法字");
136 getMess();
137 }
138 }
139
140 function getMess(){
141 var d = new Date();
142
143 var getUrl = "getmess.php?lastid="+lastID +"&numbermess=80&d="+d.getTime();//从服务器返回消息的地址
144$.ajax({
145 type:"GET",
146 dataType:"xml",
147 url:getUrl,
148 async: true,
149 timeout:80000, //ajax请求超时时间80秒
150
151 success:function(data,textStatus){
152 //从服务器得到数据，显示数据并继续查询
153 isposted = false;
154 var chatEL = $("#chat");
155 $(data).find("message").each(function(i,va){
156 varsid =$(this).find("sid").text();
157 varsucc =$(this).find("succ").text();
158 varumax =$(this).find("umax").text();
159 varuser =$(this).find("user").text();
160 varuserto =$(this).find("userto").text();
161 varuserid =$(this).find("userid").text();
162 varusersex=$(this).find("usersex").text();
163 varusertype =$(this).find("usertype").text();
164 varuserpic=$(this).find("userpic").text();
165 varuserpid=$(this).find("userpid").text();
166 vartext =$(this).find("text").text();
167 vardate =$(this).find("date").text();
168 varuid = _getArgs('function.js','2')
169//有数据
170
171if(succ==1){
172 if(uid>=98){
173 delhtml='<a href="#"id="delmess" onclick=delmess("'+ sid +'","delmess");>[删除]</a><a href="#"onclick=delmess("'+ userid +'","delusermess");id="delusermess">[删除该用户的全部信息]</a>';
174 }else{
175 delhtml='';
176 }
177 if(usertype>=98){
178 var chatELinnerHTML = '<div class=chu><ul><li class=chu1><a href=http://www.0917cc.com?ID='+userid+' target=_blank><img src='+userpic+' border=0 width=70 height=70 /></a></li><li class=chu2><a href=http://www.0917cc.com?ID='+userid+' target=_blank><img src=/WebSystems/images/img/icons/gif/group.png /></a> <a href=javascript:void(0) onclick=getFirend("'+ user +'"); ><font class=ChatFont3>管理员(' + user + ')</font></a> <img src=/WebSystems/images/img/icons/gif/male.png /> <a href=javascript:void(0) onclick=getFirend("'+ userto +'");><font class=ChatFont3>' + userto + '</font></a> <font color=#575D69>说</font> <font color=#575D69>' + date +'</font><img src=/WebSystems/images/img/icons/gif/07.gif />'+delhtml+'<br>' +text + '</li></ul></div>';
179 chatEL.append(chatELinnerHTML);
180 }else{
181 var chatELinnerHTML = '<div class=chu><ul><li class=chu1><a href="#" target=_blank><img src='+userpic+' border=0 width=70 height=70 /></a></li><li class=chu2><a href=http://www.0917cc.com?ID='+userid+' target=_blank><img src=/WebSystems/images/img/icons/gif/group.png /></a> <a href=javascript:void(0) onclick=getFirend("'+ user +'"); ><font class=ChatFont1>(' + user + ')</font></a> <img src=/WebSystems/images/img/icons/gif/male.png /> <a href=javascript:void(0) onclick=getFirend("'+ userto +'");><font class=ChatFont2>' + userto + '</font></a> <font color=#575D69>说</font> <font color=#575D69>' + date +'</font>'+delhtml+'<br>' + text+ '</li></ul></div>';
182 chatEL.append(chatELinnerHTML);
183 }
184 lastID = umax;//上次消息的ID
185 chatEL.scrollTop(document.getElementById("chat").scrollHeight);//滚动到最后一条消息
186 if(!isposted){
187 isposted = true;
188 getMess();
189 }
190 }
191
192
193
194 //未从服务器得到数据，继续查询
195 if(succ==0){
196 lastID = sid;//上次消息的ID
197 chatEL.scrollTop = chatEL.scrollHeight;//滚动到最后一条消息
198 if(!isposted){
199 isposted = true;
200 getMess();
201 }
202 }
203});
204 //each--end
205 },
206 //-success-end
207 //Ajax请求超时，继续查询
208 error:function(XMLHttpRequest,textStatus,errorThrown){
209 if(textStatus=="timeout"){
210 $("#msg").show().html("您有好长时间没有发言了啊.").fadeOut(3200);
211 if(!isposted){
212 isposted = true;
213 getMess();
214 }
215 }
216 }
217
218 });
219
220 }
*本聊天系统采用PHP+AJAX+MYSQL开发而成！数据库支持mysql,支持XML,支持txt,支持accsess等数据库,可随意转换
聊天功能:1：表情2:超链接3:发送图片,4发送文件,5字体设置,6涂鸦功能
功能:可以对某个人说话,也可以对所有人说话,支持私聊(vip功能)
支持PHP长连接sleep实现的聊天室源码跟ajax实现的聊天室代码
作者:margin（qq:249189520----qq群:90316079-----账号1:admin密码:admin 账号2:demo 密码:demo
官方网站:http://www.0917cc.com
PHP+ajax聊天室模拟推送http://room.0917y.com/websystems/Chatroom2/
可以在火狐FF下查看连接进程跟下面的有什么不一样
PHP+ajax聊天室http://room.0917y.com/websystems/Chatroom/index.php?pid=25&ppid=64
*模拟推送是根据PHP长连接sleep实现的
不足跟缺点:
一直困惑了我一晚上都没有解决的问题是,在编辑器开头第一个插入空格的话！老是提示错误！好像跟XML规范有关系！
又好像是编辑器ueditor的问题取出来的空格会有c2a0会变成乱码，处理这种情况\u00a0不知道怎么处理
服务器的过滤不行！客户的过滤还不行！请求高手看下....
页:
[1]