欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-04-02 16:19:16
本文实例为大家分享了php匿名聊天室的具体实现代码,供大家参考,具体内容如下 1. index.html   

本文实例为大家分享了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";
 else
  echo "0";

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