分两步,1.前端发送数据给后端。2.后端接收更改数据库数据

1、前端通过事件提交post请求

  1. //vue写法
  2. <button type="button" class="btn btn-danger" @click="doDelete(item._id)">delete</button>
  3. <script>
  4. methods: {
  5. //请求数据
  6. request(){
  7. $.ajax({
  8. type: "get",
  9. url: "http://localhost:8080/top250",
  10. dataType: 'json'
  11. }).then(res=>{
  12. this.movies = res;
  13. });
  14. },
  15. doDelete(id){
  16. console.log(id);
  17. $.ajax({
  18. type: "post",
  19. url: "http://localhost:8080/doDelete",
  20. dataType: "json",
  21. data:{
  22. id
  23. }
  24. }).then(res=>{
  25. console.log(res);
  26. });
  27. // 更新本地数据movies
  28. this.request();
  29. }
  30. </script>

2、服务器端接收数据并且修改数据库数据

  1. const Top250Model = require("./models/top250");
  2. // 删除
  3. router.post("/doDelete",async ctx=>{
  4. // console.log(ctx.request.body);
  5. var {id} = ctx.request.body;
  6. await Top250Model.remove({_id:id});
  7. ctx.redirect("/top250")
  8. })