javascript - 如何从后端获得实时反馈？

Question

我在客户端使用 POST jQuery 请求。这个 post 请求启动一个函数。当功能完成时(将一些内容放入 mongodb 中)，我希望客户端更新网站上的数据，而不需要用户刷新。

你们能给我一些如何做到这一点的想法吗？我只是不知道如何处理它或如何谷歌它:/

我的堆栈是:Nodejs、Express、EJS、MongoDB 和 jQuery

Answer 1

• 您需要构造一个您已经拥有的 AJAX 请求

• 然后，当您提到的函数完成处理客户端请求并将其写入数据库时​​，您需要使用 res.json 将其发送回客户端

  router.post('/whatever_endpoint_you_are_using', function(req, res, next) {
    // code for processing the response & writing stuff to the database
    // then send the data back to the client
      res.json({"data": your_data});   
  });
  

• 然后您可以在客户端上的 AJAX 请求的成功回调中访问此数据

  success: function(response){
     console.log(response.data) // your_data
  }
  

• 最后，您可以使用 JS 或 jQuery 将此数据添加到 DOM(您提到您正在使用 jQuery，所以这里有一个 jQuery 示例)

  $('#data_container').append('<p>'+response.data+'</p>')
  
  // or something similar I don't know how your page is structured