php网页版聊天软件实现代码

本文实例为大家分享了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 += "<div class="alert alert-success">" + "<span class="name">" + info[i].send + ":</span>" + "<span class="message">" + info[i].content + "</span>" + "<span>（" + info[i].time + "）</span>" + "</div>"; 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> <div class="panel panel-default" id="main"> <！--聊天室名字--><div class="panel-heading"><h3 class="panel-title"> 匿名者聊天室</h3> </div> <！--聊天室名字--> <！--聊天室消息框--> <div class="panel-body "><div class="well no-bottom "> <！-- 消息框样式--> <！-- <div class="alert alert-success">成功！很好地完成了提交。</div> <div class="alert alert-info">信息！请注意这个信息。</div> <div class="alert alert-warning">警告！请不要提交。</div> <div class="alert alert-danger">错误！请进行一些更改。</div> --> <div id="msg" class="showmessage"> </div> <！--聊天室消息框--> <div class="well" ><form role="form"> <div 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> </div> <div style="text-align: right"><button type="button" class="btn btn-primary" onclick="send（）"> <span class="glyphicon glyphicon-envelope"></span> 发送</button> </div></form> </div> <！--聊天室发送框--></div> </div></div> </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"; elseecho "0";

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。