这篇文章主要介绍了php网页版聊天软件实现代码，可以实现匿名聊天，感兴趣的小伙伴们可以参考一下
具体内容如下
1. index.html
<html>
<head>
<title>聊天室</title>
<meta charset="utf-8"/>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="./css/style.css" rel="stylesheet"/>
<script>
var maxid = 0;
function showmessage() {
//创建ajax对象
var xhr = new xmlhttprequest();
//监听
xhr.onreadystatechange = function () {
if (xhr.readystate === 4) {
eval("var info=" + xhr.responsetext);
var text = "";
for (var i = 0; i < info.length; i++)
{
text += "<p class='alert alert-success'>" +
"<span class='name'>" + info[i].send + ":</span>" +
"<span class='message'>" + info[i].content + "</span>" +
"<span>(" + info[i].time + ")</span>" +
"</p>";
maxid = info[i].id;
}
var old = document.getelementbyid("msg").innerhtml;
document.getelementbyid("msg").innerhtml = old + text;
document.getelementbyid("msg").scrolltop = document.getelementbyid("msg").scrollheight;
}
};
//初始化
xhr.open("get", "./action.php?maxid=" + maxid);
//发送
xhr.send();
}
$(document).ready(
function ()
{
showmessage()
self.setinterval("showmessage()", 2000);
}
);
function send() {
var postdata ="content="+document.getelementbyid('content').value;
var xhr = new xmlhttprequest();
xhr.open("post", "./add.php", true);
//一定要写头信息不然服务器接收不到
xhr.setrequestheader("content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
var xmlhttpreq = xhr;
if (xmlhttpreq.readystate == 4) {
if (xmlhttpreq.status == 200) {
document.getelementbyid('content').value="";
}
}
};
xhr.send(postdata);
}
</script>
</head>
<body>
<p class="panel panel-default" id="main">
<!--聊天室名字-->
<p class="panel-heading">
<h3 class="panel-title">
匿名者聊天室
</h3>
</p>
<!--聊天室名字-->
<!--聊天室消息框-->
<p class="panel-body ">
<p class="well no-bottom ">
<!-- 消息框样式-->
<!--
<p class="alert alert-success">成功！很好地完成了提交。</p>
<p class="alert alert-info">信息！请注意这个信息。</p>
<p class="alert alert-warning">警告！请不要提交。</p>
<p class="alert alert-danger">错误！请进行一些更改。</p>
-->
<p id="msg" class="showmessage">
</p>
<!--聊天室消息框-->
<p class="well" >
<form role="form">
<p class="form-group">
<label for="name">发送消息</label>
<textarea class="form-control" id="content" name="content"
style="resize: none;font-family: microsoft yahei;" rows="3" >
</textarea>
</p>
<p style="text-align: right">
<button type="button" class="btn btn-primary" onclick="send()">
<span class="glyphicon glyphicon-envelope"></span>
发送
</button>
</p>
</form>
</p>
<!--聊天室发送框-->
</p>
</p>
</p>
</body>
</html>
2. action.php
<?php
$link = mysqli_connect('localhost', 'root', '123', 'test');
mysqli_query($link, 'set names utf8');
$info= array();
header("content-type: text/html; charset=utf-8");
$id=$_get['maxid'];
$data = mysqli_query($link, "select * from talk where id>$id");
while ($array = mysqli_fetch_assoc($data)) {
$info[] = $array;
};
echo json_encode($info);
3. chat.sql
drop table if exists `talk`;
create table `talk` (
`id` int(10) unsigned not null auto_increment comment 'id',
`send` varchar(10) character set utf8 default null comment '发送者昵称',
`ip` varchar(12) character set utf8 default null,
`content` varchar(500) character set utf8 default null,
`time` varchar(50) default null,
primary key (`id`)
) engine=innodb auto_increment=52 default charset=utf8;
4. add.php
<?php
/**
* @功能 将表单插入数据库
*/
$content=$_post['content'];
print_r($_post);
$time= date("y-m-d h:i:s", time(0));
$link = mysqli_connect('localhost', 'root', '123', 'test');
mysqli_query($link, 'set names utf8');
$ip = $_server["remote_addr"];
$sql="insert into talk values(null,'匿名者','$ip','$content','$time')";
$data = mysqli_query($link,$sql);
echo "$content";
if($data)
echo "1";
else
echo "0";
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
相关推荐：
php中静态变量的使用方法实例详解
php 芝麻信用接入的注意事项
thinkphp实现订单数字提醒功能的方法
以上就是php网页版聊天软件的实现方法的详细内容。