设为首页 收藏本站
查看: 668|回复: 0

[经验分享] php实现聊天室功能

[复制链接]

尚未签到

发表于 2017-12-29 16:21:52 | 显示全部楼层 |阅读模式
<html>  
<head>
  
<title>聊天室</title>
  
<meta http-equiv="Content-Type" content="text/html; " />
  
<script src="../jquery.min.js"></script>
  
<script>
  
$(function(){
  $("#post").click(function(){
  var content=$("#content").val();
  if(!$.(content)){
  alert('请填写内容');
  return false;
  }
  $("#content").val("");
  

  $.post("ajax.php", {content:content});});
  
})
  function getData(msg){
  if(msg == undefined)
  {
  msg = '';
  }
  $.post("get.php",{"msg":msg},function(data){
  //var myjson = eval("("+data+")");
  if(data){
  var chatcontent = '';
  var obj = eval('('+data+')');
  $.(obj,function(,val){

  chatcontent += "<div>
  chatcontent += "<div>  })
  $("#chatshow").html(chatcontent);
  }
  getData();
  })
  }
  // function getUser(msg){
  //     if(msg == undefined){
  //         msg = '';
  //     }
  //     $.post("getuser.php",{"msg":msg},function(data){
  //         //var myjson = eval("("+data+")");
  //         if(data){
  //             var chatcontent = '';
  //             var obj = eval('('+data+')');
  //             $.each(obj,function(key,val){

  //                 chatcontent += "<div>
  //                 chatcontent += "<div>  //             })
  //             $("#chatshow").html(chatcontent);
  //         }
  //         getData();
  //     })
  // }
  

  getData("one");
  

  // $(function(){
  //     $("#userlist p").click(function(){
  //         $("#content").val("@"+$(this).text()+" ");
  //     })
  // })
  // $(function(){
  //     $(document).keypress(function(e){
  //         if(e.ctrlKey && e.which == 13 || e.which == 10) {
  //             var content=$("#content").val();
  //             if(!$.trim(content)){
  //                alert('请填写内容');
  //                return false;
  //             }
  //             $("#content").val("");
  //             $.post("ajax.php", {content:content});
  //         }
  //     })
  //     //alert(event.clientX+document.body.clientWidth);
  // })
  /*window.onbeforeunload=function (){
  //return("===onbeforeunload===");
  if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
  return("你关闭了浏览器");
  }else{
  return(document.body.clientWidth);
  }
  } */
  
</script>
  
<style>
  
#chat{margin:0 auto;}
  
#chatshow{width:500px;height:400px;overflow:auto;border:1px solid #ccc;float:left;}
  
#userlist{width:100px;height:400px;overflow:auto;border:1px solid #ccc;float:left;margin-right:2px;}
  
#userlist p{color:#0F0; cursor:pointer;}
  
.clearboth{clear:both;}
  
.username{font-weight:bold;color:#00F;font-size:12px;margin-bottom:3px;margin-top:8px;}
  
</style>
  
</head>
  
<body>
  
<div>
  
<div>
  
<div>在线用户列表</div>
  
<div>
  
<?php
  // $dsn = "mysql:host=localhost;dbname=test;charset=utf8'";
  //    $db = new PDO($dsn, 'root', 'root');
  $db = new PDO('mysql:dbname=test;host=127.0.0.1;charset=utf8', 'root', 'adminroot');
  $rs = $db->prepare("select * from chat where is_login = '1'");
  $rs->execute();
  while($row = $rs->fetch()){
  echo '<p>'.$row['username'].'</p>';
  }
  
?>
  
</div>
  
</div>
  
<div></div>
  
</div>
  
<div></div>
  
<div>
  
<textarea name="content"></textarea>
  
<input type='button' name='tj' value='发布' >
  
</div>
  
</body>
  
</html>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-429400-1-1.html 上篇帖子: hprose for php 下篇帖子: Linux下快速搭建php开发环境
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表