分两步,1.前端发送数据给后端。2.后端接收更改数据库数据
1、前端通过事件提交post请求
//vue写法
<button type="button" class="btn btn-danger" @click="doDelete(item._id)">delete</button>
<script>
methods: {
//请求数据
request(){
$.ajax({
type: "get",
url: "http://localhost:8080/top250",
dataType: 'json'
}).then(res=>{
this.movies = res;
});
},
doDelete(id){
console.log(id);
$.ajax({
type: "post",
url: "http://localhost:8080/doDelete",
dataType: "json",
data:{
id
}
}).then(res=>{
console.log(res);
});
// 更新本地数据movies
this.request();
}
</script>
2、服务器端接收数据并且修改数据库数据
const Top250Model = require("./models/top250");
// 删除
router.post("/doDelete",async ctx=>{
// console.log(ctx.request.body);
var {id} = ctx.request.body;
await Top250Model.remove({_id:id});
ctx.redirect("/top250")
})