文章目录
前言
介绍使用ajax与不适用ajax对数据进行查询
一、概念
（一）ajax是什么？为什么使用ajax？
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
二、使用步骤
（一）不使用ajax对数据进行查询
1、文件目录
2、详细代码代码
（1）生成实体类
idea快速生成set、get、toString快捷键alt+ins
// user.java
public class User {
private Integer userId;
private String userName;
private String userPwd;
public Integer getUserid() {
return userId;
}
public String getUserName() {
return userName;
}
public String getUserPwd() {
return userPwd;
}
@Override
public String toString() {
return "User{" +
"userId=" + userId +
", userName='" + userName + '\'' +
", userPwd='" + userPwd + '\'' +
'}';
}
}
（2）userDao接口的创建
使用注解快速查询，省略了mapper的编写
//userDao接口的创建
public interface UserDao {
@Select("select * from tb_user where status=1")
public List<User> findAllUser();
}
（3）UserService接口与实现
//接口UserService
public interface UserService {
//查询
public List<User> findAllUser();
}
// UserServiceImpl.java
@Service("userService")
public class UserServiceImpl implements UserService {
@Autowired
private UserDao userDao;
@Override
public List<User> findAllUser() {
return userDao.findAllUser();
}
}
（4）UserController
//UserController
@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
private UserService userService;
//查询
@RequestMapping("/findAllUser")
public String findAllUser(Model model){
//调用service的方法
List<User> listStudent =userService.findAllUser();
model.addAttribute("userMan",listStudent);
return "userMan";
};
}
（5）页面
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html>
<head>
<title>Title</title>
</head>
<body>
<!--相对路径-->
<a href="${pageContext.request.contextPath}/user/findAllUser">login user</a>
</body>
</html>
userMan.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html>
<head>
<title>Title</title>
</head>
<body>
<p>查询了所有用户信息</p>
<table border="1">
<tr>
<th>Name</th>
<th>pwd</th>
</tr>
<c:forEach items="${userMan}" var="user">
<tr>
<td> ${user.userName}</td>
<td>${user.userPwd} </td>
</tr>
</c:forEach>
</table>
</body>
</html>
3、查询结果
（二）使用ajax对数据进行查询
（1）实体类接口与上一致
（2）userMan.jsp