构建ssm项目,使用jquery ajax请求实现单表的增删改查
为了实现使用jQuery Ajax请求实现单表的增删改查,你需要一个Spring MVC和MyBatis的简单项目框架。以下是实现这些操作的基本步骤和示例代码:
- 创建数据库表和实体类。
- 创建MyBatis映射接口。
- 配置Spring MVC和MyBatis。
- 创建控制器,并编写Ajax请求处理的方法。
- 使用jQuery编写Ajax请求。
以下是一个简化的例子:
实体类(User.java)
public class User {
private Integer id;
private String name;
private String email;
// 省略getter和setter方法
}
MyBatis映射接口(UserMapper.java)
public interface UserMapper {
User selectUserById(Integer id);
int insertUser(User user);
int updateUser(User user);
int deleteUserById(Integer id);
}
控制器(UserController.java)
@Controller
public class UserController {
@Autowired
private UserMapper userMapper;
@ResponseBody
@RequestMapping(value = "/getUser", method = RequestMethod.GET)
public User getUser(@RequestParam Integer id) {
return userMapper.selectUserById(id);
}
@ResponseBody
@RequestMapping(value = "/insertUser", method = RequestMethod.POST)
public int insertUser(@RequestBody User user) {
return userMapper.insertUser(user);
}
@ResponseBody
@RequestMapping(value = "/updateUser", method = RequestMethod.POST)
public int updateUser(@RequestBody User user) {
return userMapper.updateUser(user);
}
@ResponseBody
@RequestMapping(value = "/deleteUser", method = RequestMethod.GET)
public int deleteUser(@RequestParam Integer id) {
return userMapper.deleteUserById(id);
}
}
jQuery Ajax请求(index.html)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 获取用户
function getUser(id) {
$.get("/getUser", {id: id}, function(data){
console.log(data);
});
}
// 插入用户
function insertUser(user) {
$.post("/insertUser", user, function(data){
console.log(data);
});
}
// 更新用户
function updateUser(user) {
$.post("/updateUser", user, function(data){
console.log(data);
});
}
// 删除用户
function deleteUser(id) {
$.get("/deleteUser", {id: id}, funct
评论已关闭