添加Axios请求
This commit is contained in:
parent
ec3743e55b
commit
f1a42895bf
@ -19,7 +19,7 @@ import java.io.IOException;
|
|||||||
*/
|
*/
|
||||||
@WebFilter("/*")// 过滤器所有的请求
|
@WebFilter("/*")// 过滤器所有的请求
|
||||||
public class UserSessionFilter implements Filter {
|
public class UserSessionFilter implements Filter {
|
||||||
private String[] excludeUrls = new String[]{"/login", "/register", "/VerifycodeServlet"};
|
private String[] excludeUrls = new String[]{"/login", "/register", "/VerifycodeServlet","/ExUserNameServlet"};
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
|
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
|
||||||
|
42
src/com/landaiqing/servlet/ExUserNameServlet.java
Normal file
42
src/com/landaiqing/servlet/ExUserNameServlet.java
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
package com.landaiqing.servlet;
|
||||||
|
|
||||||
|
|
||||||
|
import com.landaiqing.entity.UserEntity;
|
||||||
|
import com.landaiqing.service.UserService;
|
||||||
|
import jakarta.servlet.ServletException;
|
||||||
|
import jakarta.servlet.annotation.WebServlet;
|
||||||
|
import jakarta.servlet.http.HttpServlet;
|
||||||
|
import jakarta.servlet.http.HttpServletRequest;
|
||||||
|
import jakarta.servlet.http.HttpServletResponse;
|
||||||
|
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.io.PrintWriter;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* http://localhost:8080/mayikt_session_war_exploded/exUserNameServlet?name=1
|
||||||
|
* @author 余胜军
|
||||||
|
* @ClassName ExUserNameServlet
|
||||||
|
* @qq 644064779
|
||||||
|
* @addres www.mayikt.com
|
||||||
|
* 微信:yushengjun644
|
||||||
|
*/
|
||||||
|
@WebServlet("/exUserNameServlet")
|
||||||
|
public class ExUserNameServlet extends HttpServlet {
|
||||||
|
|
||||||
|
private UserService UserService = new UserService();
|
||||||
|
|
||||||
|
@Override
|
||||||
|
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
|
||||||
|
resp.setContentType("text/html;charset=utf-8");
|
||||||
|
//1.获取到用户输入的userName参数值
|
||||||
|
String userName = req.getParameter("userName");
|
||||||
|
//2.调用数据库根据userName查询用户名称是否存在
|
||||||
|
UserEntity mayiktUserEntity = UserService.findByUserName(userName);
|
||||||
|
PrintWriter writer = resp.getWriter();
|
||||||
|
if (mayiktUserEntity != null) {
|
||||||
|
writer.print("该用户" + userName + "已经存在的 无法注册!");
|
||||||
|
}
|
||||||
|
writer.close();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -10,12 +10,12 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>注册页面</title>
|
<title>注册页面</title>
|
||||||
<form action="/JavaWeb_Login_Register_war_exploded/register" method="post">
|
<form action="${pageContext.request.contextPath}/register" method="post">
|
||||||
<label>用户名: </label><input type="text" name="userName"/><br>
|
<label>用户名: </label><input type="text" name="userName" onkeyup="mayiktAxios(this)"/><br>
|
||||||
<label>密   码: </label><input type="password" name="userPwd"/><br>
|
<label>密   码: </label><input type="password" name="userPwd"/><br>
|
||||||
<label>验证码: </label><input type="text" name="code"/><img id="exchangecode" src="VerifycodeServlet">
|
<label>验证码: </label><input type="text" name="code"/><img id="exchangecode" src="VerifycodeServlet">
|
||||||
<a id="ecode" href="#">看不清?换一张图片</a><br>
|
<a id="ecode" href="#">看不清?换一张图片</a><br>
|
||||||
<span style="color: red">${errorMsg}</span>
|
<span id="error" style="color: red">${errorMsg}</span>
|
||||||
<input type="submit" value="注册"/>
|
<input type="submit" value="注册"/>
|
||||||
</form>
|
</form>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@ -37,5 +37,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
||||||
|
<script>
|
||||||
|
function mayiktAxios(object) {
|
||||||
|
// 1.接受用户输入的userName
|
||||||
|
var userName = object.value;
|
||||||
|
// 2.使用Axios 发送ajax请求验证 userName是否存在的
|
||||||
|
axios({
|
||||||
|
// 请求方式
|
||||||
|
method: 'GET',
|
||||||
|
// 请求的地址
|
||||||
|
url: 'http://localhost:8080${pageContext.request.contextPath}/exUserNameServlet',
|
||||||
|
// URL 中的查询参数
|
||||||
|
params: {
|
||||||
|
userName: userName,
|
||||||
|
}
|
||||||
|
}).then(function (result) {
|
||||||
|
//定位 span id 名称 error 修改
|
||||||
|
document.getElementById("error").innerText = result.data;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user