利用Mysql+PHP+jQuery+Ajax制作一个带登录的时时刻刻刷新的聊天室

本文链接：https://blog.csdn.net/weixin_45874000/article/details/121158965

该博客介绍了如何使用PHP、MySQL、jQuery和Ajax创建一个不断刷新的聊天室。通过HTML、CSS和Javascript进行前端设计，后端通过PHP的多个文件如Check.php、GetChat.php等处理登录、获取聊天内容、用户注册和发送消息等功能。作者推荐观看相关视频以了解完整实现，并提供代码下载链接（提取码：28ky）。

摘要由CSDN通过智能技术生成

利用Mysql+PHP+jQuery+Ajax制作一个带登录的时时刻刻刷新的聊天室

程序截图
功能介绍
- 它可以时时刻刻刷新，（不信可以去看视频）
- 作者词穷了，想不出来了，就这样
HTML
- CSS
- Javascript
PHP
如果你觉得不好的话，我真的真心建议你去看一下视频[一定要看一看，我没有骗你](https://www.lanzoui.com/ikTUiw7h0ne)
这些只是部分代码！全部代码请点击[这里下载，提取码28ky](https://www.lanzoui.com/ipKlmw7h0vc)
有什么BUG一定要联系我
感谢您的观看与下载

程序截图

登录界面
注册页面
主页面
由于视频无法上传，您可以打开这里下载下来看
上代码

功能介绍

它可以时时刻刻刷新，（不信可以去看视频）

作者词穷了，想不出来了，就这样

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>利用Mysql+PHP+jQuery+Ajax制作一个带登录的聊天室 —— 作者：爱写代码的Tianxi</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/jquerysession.js"></script>
	<script type="text/javascript" src="./js/vue.js"></script>
	<script type="text/javascript" src="./js/script.js"></script>
</head>
<body onload="start();$('.reg-box').css('display','none');$('.chat-box').css('display','none');">
	<div class="header">利用Mysql+PHP+jQuery+Ajax制作一个带登录的聊天室</div>
	<div class="login-box">
		<div class="title">
			登录系统
		</div>
		<label>用户名<input type="text" name="username" class="l-username"></label>
		<label>密码<input type="password" name="password" class="l-password"></label>
		<button class="login-btn">登录</button>
		<span><a href="javascript:reg();">没有账号？点我注册</a></span>
	</div>
	<div class="reg-box">
		<div class="title">
			注册系统
		</div>
		<label>用户名<input type="text" name="username" class="reg-username"></label>
		<label>密码<input type="password" name="password" class="reg-password"></label>
		<button class="reg-btn">注册</button>
		<span><a href="javascript:login();">已有账号？点我登录</a></span>
	</div>
	<div class="chat-box">
		<div class="cont"></div>
		<div class="write">
			<textarea class="text"></textarea>