php实现聊天室功能
<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]