如何自動從mongodb提取記錄到html頁面的一部分，而無需手動刷新/重新加載。 使用MEAN堆棧

Question

需要一些幫助以閱讀Mean stack。 我有一個要求，

將記錄插入數據庫時​​，應在新的插入記錄中顯示html頁面的一部分，而無需手動重新加載/刷新。

HTML頁面應自動更新為新記錄。

到目前為止的觀察結果：我已經在使用angularjs，nodejs和mongodb。 使用refresh（）函數，能夠手動更新hrml頁面的一部分。 我要將記錄從html頁面插入到mongodb。

Answer 1

您應該使用websockets（ socket.io是一個不錯的選擇）。

在負責后端文檔插入/更新的路由中，您應該向站點中的所有套接字發出帶有文檔正文的new_document信號。

例：

 app.post('/api/posts', (req, res) => { Post.insert(postBody).then(body => { io.emit('new_document', body); // Broadcast to all websocket clients res.json(body); }).catch(err => { console.error(err); res.status(500).json({error: err.message}); }); }); 

然后，在前端，您應該偵聽new_document事件並作為回調調用refresh()函數，或者甚至更好的是，編寫一個僅添加新文檔的函數。

例：

 socket.on('new_document', function (body) { // ... code to add body to HTML ... });