@ResponseBody
@RequestMapping("all")
public List<User> selectAll(){
UserServiceImpl us = new UserServiceImpl();
List<User> users = us.selectAll();
return users;
}
@ResponseBody
@RequestMapping("del")
public void del(Integer id){
UserService us = new UserServiceImpl();
us.delete(id);
}
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.js"></script><!--时间处理-->
<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.8/vue-router.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
<script>
new Vue({
el:'#id',
data:{
list:[],
},
methods:{
del(value,index){
this.list.splice(index,1);
axios({
method: 'get',
url:'${pageContext.request.contextPath}/user/del',
params:{
id:value.id,//get提交传的参数
},
});
},
},
created() {
axios({
method:"get",
url:'${pageContext.request.contextPath}/user/all?'+Math.random(),
}).then((resp)=>{ //发出请求
resp.data;//响应的数据
resp.status;//状态码
resp.headers;//响应头
resp.config;//发送请求时的配置信息
/*
alert(JSON.stringify(resp.headers)); //打印响应头
alert(JSON.stringify(resp.config)); //打印发送请求时的配置信息
*/
this.list = resp.data;
}).catch((error)=>console.log(error)); //打印异常
}
})
</script>