1. 가장 간단한 방법 - 페이지 새로 고침
데이터베이스 구축
create table chat ( chattime datetime, nick char(10), words char(150) );
login.php
<html> <head> <title>用户登录</title> <meta charset="utf-8"> </head> <body>请输入您的昵称<br> <form action="main.php" method="post" target="_self"> //点击登录后跳转到main.php，并将输入的数据用post的方式发送过去 <input type="text" name="nick" cols="20"> <input type="submit" value="登录"> </body> </html>
main . php
<?php session_start(); $_SESSION['nick'] = $_POST['nick']; //获取login.php发送过来的数据，也就是用户昵称，并将它保存在session中用于对用户进行跟踪 ?> <html> <frameset rows="80%, 20%"> <frame src="cdisplay.php" name="chatdisplay"/> // 聊天信息展示区 <frame src="speak.php" name="speak"/> //发言区 </frameset> </html>
<html>
<head>
<title>发言</title>
<meta charset="utf-8">
</head>
<body>
<?php
session_start();
if ($_POST['words']) {
$conn = mysql_connect("127.0.0.1","root","******"); //连接数据库
mysql_select_db("yuema", $conn);
$time = date(y).date(m).date(d).date(h).date(i).date(s); //当前时间
$nick = $_SESSION['nick'];
$words = $_POST['words'];
$str = "insert into chat(chattime, nick, words) values('$time', '$nick', '$words');";
mysql_query($str, $conn); //将用户名，时间和发言内容进行插入
mysql_close($conn);
}
?>
<form action="speak.php" method="post" target="_self">
<input type="text" name="words" cols="20">
<input type="submit" value="发言">
</form>
</body>
</html><html>
<head>
<title>显示用户发言</title>
<meta http-equiv="refresh" c //设置每隔5秒钟刷新一次
</head>
<body>
<?php
$conn = mysql_connect("127.0.0.1", "root", "7940175");
mysql_select_db("yuema", $conn);
$str = "select * from chat order by chattime;";
$result = mysql_query($str, $conn);
$rows = mysql_num_rows($result);
mysql_data_seek($result, $rows-15); //取最近插入的15条数据
if ($rows<15)
$l = $rows;
else
$l = 15;
for ($i = 1; $i <= $l; $i++) { //输出这15条数据
list($chattime, $nick, $words) = mysql_fetch_row($result);
echo $chattime;
echo " ".$nick." ";
echo $words;
echo "<br>";
}
?>
</body>
</html>
2. 페이지 새로 고침 없이 Ajax 획득
위 내용은 다양한 측면을 포함하여 PHP html로 채팅방을 구현하는 방법을 소개하고 있으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
