删除后如何在Active Server上重新呈现数据-Node / Express

如何解决删除后如何在Active Server上重新呈现数据-Node / Express

我有一个活动的服务器正在运行，我正在尝试执行一个DELETE请求，该请求会自动更新数据。在前端，我有捕获活动对象信息的代码，然后向我的DELETE发送then请求GET和JSON请求，以便它可以重新呈现数据。我很难弄清楚为什么我必须刷新网页以显示该项目已被删除。

router.delete('/notes/:id',(req,res) => {
    // Convert the searched id to a number
    const id = Number(req.params.id);
    // See if the id exists in the array
    const deleted = notes.find(notes => notes.id === id);
    // If it does exist
    if(deleted){
        // Filter for all that don't match the id
        const notesArray = notes.filter(notes => notes.id !== id);
        // Rewrite the json file
        fs.writeFileSync(
            path.join(__dirname,'../../db/db.json'),JSON.stringify(notesArray,null,2)
        );
        // Send success
        res.send(200);
    } else {
        res.status(404).send(`Note you're looking for does not exist.`)
    }
})

编辑：添加前端代码以提供帮助

获取请求

    router.get('/notes',res) => {
        // When user requests the notes
        // Send the notes in a json format
        res.status(200).json(notes);
    })

前端代码

  deleteNote(note.id).then(function() {
    getAndRenderNotes();
    renderActiveNote();
  });

    // Gets notes from the db and renders them to the sidebar
    var getAndRenderNotes = function() {
      return getNotes().then(function(data) {
        renderNoteList(data);
      });
    };

    var getNotes = function() {
      return $.ajax({
        url: "/api/notes",method: "GET"
      });
    };

    // Render's the list of note titles
    var renderNoteList = function(notes) {
      $noteList.empty();
    
      var noteListItems = [];
    
      for (var i = 0; i < notes.length; i++) {
        var note = notes[i];
    
        var $li = $("<li class='list-group-item'>").data(note);
        var $span = $("<span>").text(note.title);
        var $delBtn = $(
          "<i class='fas fa-trash-alt float-right text-danger delete-note'>"
        );
    
        $li.append($span,$delBtn);
        noteListItems.push($li);
      }
    
      $noteList.append(noteListItems);
    };

解决方法

每当304 - Not Modified请求完成时，我的服务器就会返回一个GET。修改了代码，使得一旦发生DELETE请求，然后我find就会删除数组中是否存在被删除的项，如果确实存在，那么我会redeclare将我的notes变量作为filtered数组。从那里，我使用过滤后的数组重写了JSON文件。

router.delete('/notes/:id',(req,res) => {
    // Convert the searched id to a number
    const id = Number(req.params.id);
    // See if the number exists in the array
    const deleted = notes.find(notes => notes.id === id);
    // If it does exist
    if(deleted){
        // Filter for all that don't match the id
        notes = notes.filter(notes => notes.id !== id);
        // Rewrite the json file
        fs.writeFileSync(
            path.join(__dirname,'../../db/db.json'),JSON.stringify(notes,null,2)
        );
        // Send new notes file
        res.status(200).send('Success');
    } else {
        res.status(404).send(`Note you're looking for does not exist.`)
    }
})