php網(wǎng)頁版聊天軟件實現(xiàn)代碼

2020-03-22 18:09:37

字體：大中小

供稿：網(wǎng)友

本文實例為大家分享了php匿名聊天室的具體實現(xiàn)代碼，供大家參考，具體內(nèi)容如下1. index.html
html head title 聊天室 /title meta charset="utf-8"/ link 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() { //創(chuàng)建ajax對象 var xhr = new XMLHttpRequest(); //監(jiān)聽 xhr.onreadystatechange = function () { if (xhr.readyState === 4) { eval("var info=" + xhr.responseText); var text = ""; for (var i = 0; i info.length; i++) text += " div " + " span " + info[i].send + ": /span " + " span " + 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); //發(fā)送 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 id="main" !--聊天室名字-- div 匿名者聊天室 /h3 /div !--聊天室名字-- !--聊天室消息框-- div div !-- 消息框樣式-- div 成功！很好地完成了提交。 /div div 信息！請注意這個信息。 /div div 警告！請不要提交。 /div div 錯誤！請進行一些更改。 /div div id="msg" /div !--聊天室消息框-- div form role="form" div label for="name" 發(fā)送消息 /label textarea id="content" name="content" rows="3" /textarea /div div button type="button" span /span /button /div /form /div !--聊天室發(fā)送框-- /div /div /div /body /html 2. action.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 '發(fā)送者昵稱', `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
* @功能將表單插入數(shù)據(jù)庫$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";以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持phpstudy。PHP教程

鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：yii2超好用的日期組件和時間組件

下一篇：php_screw安裝使用教程（另一個PHP代碼加密實現(xiàn)）