j2ee建立在线聊天室详细教程（第一天登陆页面）

最新推荐文章于 2022-06-19 11:18:29 发布

张2公子

最新推荐文章于 2022-06-19 11:18:29 发布

阅读量400

点赞数 1

分类专栏：每日一个小进步大学冲！！！ j2ee好蓝文章标签： java-ee javascript 前端 ajax

本文链接：https://blog.csdn.net/zhang2gongzi/article/details/125296935

版权

每日一个小进步同时被 3 个专栏收录

35 篇文章 7 订阅

订阅专栏

大学冲！！！

33 篇文章 5 订阅

订阅专栏

j2ee好蓝

18 篇文章 0 订阅

订阅专栏

这篇博客介绍了聊天室应用中登录页面的实现，强调了身份验证的重要性。用户输入姓名登录，前端通过Ajax异步请求发送用户名到服务器。当登录成功，页面跳转到聊天室。源码展示了JavaScript和HTML如何交互处理登录验证。

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

在机场也太无聊了吧，随便写点东西
----------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，通过异步请求发送我们输入的用户名，请求服务器登录控制器接口，在成功登录后，这边解析响应结果为一个键值，并且获取响应结果，既值部分。

登录页面不难实现，后面的部分过几天会继续进行一个讲解