JAVA+AJAX 注册功能

摆烂收留中心

于 2021-10-16 16:26:31 发布

阅读量405

点赞数

分类专栏：前端学习习题文章标签： ajax java jquery

本文链接：https://blog.csdn.net/qq_45267354/article/details/120799807

版权

这篇博客介绍了一个使用Java和AJAX实现的用户注册功能。前端通过AJAX发送用户名到后端，后端读取regist.txt文件检查用户名是否已存在。如果存在则返回错误信息，前端显示提示并禁用注册按钮；否则，允许注册并将新用户信息写入regist.txt。文章详细阐述了前后端的实现思路和代码实现。

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

一.题目

前端界面显示登录框，java接收前端传来的数据，读取文件regist.txt里的用户信息，如果有同名的，不允许注册，文本框旁出现红字提示：该用户名已经存在，并且前端登录按钮这时是灰的。如果名字不存在，则允许注册，把注册的信息填入文件regist.txt中。

二.前期准备

1.所需软件

2.需要创建的文件和要导入的包

仅代表我个人使用的目录

3.在D盘创建目录

D:\apk\web2163\

三.思路

----------------------------------------------验证用户是否存在--------------------------------------------------

前端部分

+-------------------------------------------------------------------+
   [1]编写 checkName 函数, 在这里发出 ajax 请求。
       提交用户名到后端 (post方式)。
   [2]提交到: /CheckName [映射地址]
   [3]如果重复, 在页面显示红色字提示。
       $("#sp_name").css("display","none");    隐藏
       $("#sp_name").css("display","inline"); 显示

     [4]不重复按钮恢复（按钮初始是灰的）

后端部分- regist.txt

+-------------------------------------------------------------------+
   [1]编写 CheckNameServlet
   [2]编写 doPost 方法
   [3]创建字符缓冲输入流，读取一行数据
   [4]判断从前端得到的值在文本中有没有存在
   [5]传值回去前端

四.代码

前端代码

注意：<script src="../jquery-1.11.1.min.js"></script>根据自己的jq路径来改

存放路径

<style>
[type='text'],[type='button']{
	font-size:17px;
	height:35px;
}
#sp_name{
	color:red; font-weight:bold;
}

</style>

<h1>欢迎 注册界面</h1>
用户名: 
<input type="text" id="username" onblur="checkName();"/>
<span id="sp_name" style="display:none;">用户名已经存在。</span>
<br/>
密码: 
<input type="text&