ajax没有反应
我的Mapper
List<User> queryAllUser();
我的Mapper.xml
<select id="queryAllUser" resultMap="queryUser">
SELECT uid,username,createdTime FROM t_user
where is_delete = 0
</select>
我的IServer
List<User> queryAllUser();
我的IServerImpl
@Override
public List<User> queryAllUser() {
return adminMapper.queryAllUser();
}
我的controller
@GetMapping("/UserList")
public JsonResult<List<User>> queryAllUser(){
//查询对应商品
List<User> users = adminService.queryAllUser();
return new JsonResult<>(OK,users);
}
我的前端
<!DOCTYPE html>
<html>
<head>
<title>后台管理页面</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
</head>
<body>
<header>
<h1>后台管理页面<a href="login.html" class="pull-right">退出</a></h1>
</header>
<main>
<div class="sidebar">
<ul>
<li class="active"><a href="#">用户管理</a></li>
<!-- <li><a href="#">订单管理</a></li>-->
<!-- <li><a href="#">用户管理</a></li>-->
<!-- <li><a href="#">数据统计</a></li>-->
</ul>
</div>
</main>
<table id="user-table" class="table">
<thead>
<tr>
<th>用户编号</th>
<th>用户名</th>
<th>注册时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="userList">
<tr>
<td>001</td>
<td>用户A</td>
<td>2023-06-10 10:00:00</td>
<td>
<button class="btn-danger">删除</button>
</td>
</tr>
<tr>
<td>002</td>
<td>用户B</td>
<td>2023-06-12 14:00:00</td>
<td>
<button onclick="del(#{uid})" class="btn-danger">删除</button>
</td>
</tr>
</tbody>
<!--按钮-->
</table>
<footer>
<p>版权所有 © 2023 后台管理页面</p>
</footer>
<script type="text/javascript">
function del(uid){
if (confirm("确定要删除这条商品吗?")){
$.ajax({
url: "/admin/deleteUser",
type: "post",
data: "uid=" + uid,
dataType: "json",
success:function (res) {
alert("删除成功")
location.reload();
},
error:function (error) {
alert("删除失败")
}
})
}
}
$(document).ready(function() {
$.ajax({
url : "/user/UserList",
type: "get",
dataType: "json",
success: function (res) {
for (i = 0;i < res.data.length;i++){
let str = "";
let user = res.data[i];
str = "<tr>\n" +
"<td> + user.uid+</td>\n" +
"<td> + user.username </td>\n" +
"<td> + user.createdTime </td>\n" +
"<td>\n" +
"<button onclick=\"del(#{uid})\" class=\"btn-danger\">删除</button>\n" +
"</td>\n" +
"</tr>"
//使用正则表达式替换获取该地址的aid值,#{aid}只是一个占位符的含义,没其他含义
str = str.replace("#{uid}",user.uid)
$("#userList").append(str)
}
},
error: function () {
alert("查询错误,请等待攻城狮修复!!")
}
})
});
</script>
</body>
</html>
运行结果
没有异步刷新