持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第十一天，点击查看活动详情
----------20220615
这几天的文章，我都不是很满意，因为他是之前我屯的文章，对于这几天我文章的发布，我不是很满意，的确还是那种每天都需要更新的专栏比较适合我吧，正好这次我们j2ee小组作业当中我负责的是聊天室部分，那就分块给大家介绍一下聊天室吧
-------day1
当你进行一个聊天时，什么很重要，那就是你的身份，无论是在朋友间聊天，还是陌生人当中，你都需要一个身份的定位，因此，我这次把第一天的重点放在给自己一个身份上
打开页面，系统跳出登录页面，使用者需要输入自己的姓名进行登录，姓名可以随便写。
输入登陆姓名之后，页面跳转（随便写的）
具体源码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>请登录后进入“在机场不知道干什么”-聊天室</title>
<script type="text/javascript" src="jsFile/Ajax.js"></script>
<script type="text/javascript">
function login(){
var name = document.getElementById("name").value;
if(name.length==0){
document.getElementById("sp").innerText="用户名不能为空！";
}else{
ajax({
data: "name="+name,
url: "login.do",
Success: function(msg){
eval("res="+msg);
var result = res.massage;
if(typeof result=="undefined"){
window.location.href="main.jsp";
}else{
document.getElementById("sp").innerText=result;
}
}
});
}
}
</script>
</head>
<body>
<label>欢迎登录“在机场不知道干什么”-聊天室</label><hr>
姓名：<input type="text" id="name"><span id="sp"></span><br>
<input type="button" value="登陆" onclick="login()"><font color=""></font>
</body>
</html>
这边控制方法如下：
首先前端登录请求控制
function login()这个函数的意义是“获取用户名”，我们首先需要对于用户输入的信息进行一个非空验证，防止出现出现空用户名的情况。var name = document.getElementById("name").value 这句话用来进行一个非空验证。如果用户名为空，这边对于sp节点进行一个警告“用户名不能为空”。
如果用户名不为空，那么我们这边则发起异步请求，这边使用了ajax
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
那么这边使用ajax，通过异步请求发送我们输入的用户名，请求服务器登录控制器接口，在成功登录后，这边解析响应结果为一个键值，并且获取响应结果，既值部分。
登录页面不难实现，后面的部分过几天会继续进行一个讲解
