php mysql开发网页版聊天工具,Php7+Mysql8实现简单的网页聊天室功能

Php7+Mysql8实现简单的网页聊天室功能

php聊天室

前端页面

chat_room.html

html>

聊天室

div {

width: 32rem;

yellowgreen;

}

document.write(new Date());

function createXmlHttpRequest() {

var request = false;

request = new XMLHttpRequest();//尝试创建 XMLHttpRequest 对象，除 IE 外的浏览器都支持这个方法。

if (request == false) {

request = ActiveXobject("Msxml12.XMLHTTP");//使用较新版本的 IE 创建 IE 兼容的对象(Msxml2.XMLHTTP)。

} else if (request == false) {

request = ActiveXobject("Microsoft.XMLHTTP");//使用较老版本的 IE 创建 IE 兼容的对象(Microsoft.XMLHTTP)。

} else if (request == false) {

//alert("创建request失败！");

} else {

//alert("创建成功！")

}

}

function demo02() {

var request = false;

request = new XMLHttpRequest();//尝试创建 XMLHttpRequest 对象，除 IE 外的浏览器都支持这个方法。

if (request == false) {

request = ActiveXobject("Msxml12.XMLHTTP");//使用较新版本的 IE 创建 IE 兼容的对象(Msxml2.XMLHTTP)。

} else if (request == false) {

request = ActiveXobject("Microsoft.XMLHTTP");//使用较老版本的 IE 创建 IE 兼容的对象(Microsoft.XMLHTTP)。

} else if (request == false) {

//alert("创建request失败！");

} else {

//alert("创建成功！")

}

var unameobj = document.getElementById("uname");

var uname = unameobj.value;

var contentobj = document.getElementById("content");

var content = contentobj.value

contentobj.value = ‘‘;

var mess = "username=" + uname + "&" + "content=" + content;

// alert(mess);

request.open("POST", "php/write.php", true);

request.setRequestHeader("Content-type", ‘application/x-www-form-urlencoded‘);

request.send(mess);

}

function getMass() {

var request = false;

request = new XMLHttpRequest();//尝试创建 XMLHttpRequest 对象，除 IE 外的浏览器都支持这个方法。

if (request == false) {

request = ActiveXobject("Msxml12.XMLHTTP");//使用较新版本的 IE 创建 IE 兼容的对象(Msxml2.XMLHTTP)。

} else if (request == false) {

request = ActiveXobject("Microsoft.XMLHTTP");//使用较老版本的 IE 创建 IE 兼容的对象(Microsoft.XMLHTTP)。

} else if (request == false) {

//alert("创建request失败！");

} else {

//alert("创建成功！")

}

createXmlHttpRequest();

setInterval(function () {

request.open("GET", "php/read.php", true);

request.send(null);

request.onreadystatechange = function () {

if (request.readyState == 4 && request.status == 200) {

//alert("服务器响应数据：" + this.responseText);

document.getElementById("con").innerHTML = this.responseText;

}

}

}, 2000);

}

getMass();

php后端页面

conn.php:连接数据库

header("Content-Type:text/html;charset=utf8");

$mysql_server_name = "localhost:3306"; //连接数据库端口

$mysql_username = "root"; //用户名

$mysql_password = "123456"; //密码

$mysql_database = "test"; //数据库名称

$conn = new Mysqli($mysql_server_name, $mysql_username, $mysql_password, $mysql_database); //构造函数mysql

// 检测连接

if ($conn->connect_error) {

die("连接失败: " . $conn->connect_error);

}

echo "连接成功";

write.php:写入数据库消息

include_once ‘conn.php‘;

$username = $_POST["username"];

$content = $_POST["content"];

// $username = "username";

// $content = "content";

$time = date("Y/m/d H:i:s");

if ($content == null) {

echo "";

} else {

# code...

$sql = "INSERT INTO message(time,username,message) VALUES(‘$time‘,‘$username‘,‘$content‘)";

$conn->query($sql);

}

read.php :读取数据库中存入的消息

include_once ‘conn.php‘;

$sql = "SELECT time,username,message FROM message";

$array = $conn->query($sql);

$data = mysqli_fetch_all($array, MYSQLI_NUM);

echo ‘
‘;

// print_r($data);

// echo file_get_contents("message.txt");

//echo $data[]

$count = count($data);

for ($i=0; $i 

$temp =$data[$i];

for ($j=0; $j 

# code...

echo $temp[$j];

echo ‘------‘;

}

echo ‘
‘;

}

Php7+Mysql8实现简单的网页聊天室功能

标签：icon   size   array   ror   ice   int   method   message   不能

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：https://www.cnblogs.com/youlingdada-top/p/13086504.html