Javascript 如何为每个用户登录持久化前端?我正在用mongodb和nodejs制作一个notes应用程序
我已经创建了一个集合,它每30秒获取一次页面容器html,现在当我在后端调用这个集合并将其发送到Handlebar时,它会显示数据,但不是html格式Javascript 如何为每个用户登录持久化前端?我正在用mongodb和nodejs制作一个notes应用程序,javascript,node.js,mongodb,mongoose,handlebars.js,Javascript,Node.js,Mongodb,Mongoose,Handlebars.js,我已经创建了一个集合,它每30秒获取一次页面容器html,现在当我在后端调用这个集合并将其发送到Handlebar时,它会显示数据,但不是html格式 router.get("/dashboard/notes", async (req, res) => { const userObj = req.session.user; const notesHtmlObj = await NotesHTMLModel.findOne({ userId: userObj._i
router.get("/dashboard/notes", async (req, res) => {
const userObj = req.session.user;
const notesHtmlObj = await NotesHTMLModel.findOne({ userId: userObj._id });
console.log(notesHtmlObj);
const payloadObj = {
htmlString: String(notesHtmlObj.notesHTML),
};
res.render("notes", payloadObj);
}); ```
**in handlebars I am calling the payloadObj**
{{htmlString}}
```
**这是我在首页上看到的,而不是html**
```<div> &lt;div id="TEST" 01="" class="note"&gt; &lt;h1 class="dynamic-color" contenteditable=""&gt;TEST 01 &lt;/h1&gt; &lt;p contenteditable=""&gt;TEST 01 is a test......................&lt;/p&gt; &lt;div class="button-wrapper"&gt; &lt;i id="highlight" class="fas fa-star"&gt;&lt;/i&gt; &lt;i id="delete" class="far dynamic-color fa-trash-alt"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt;&lt;div id="TEST" 02="" class="note"&gt; &lt;h1 class="dynamic-color" contenteditable=""&gt;TEST 02&lt;/h1&gt; &lt;p contenteditable=""&gt;TEST 02 is a test......................&lt;/p&gt; &lt;div class="button-wrapper"&gt; &lt;i id="highlight" class="fas fa-star"&gt;&lt;/i&gt; &lt;i id="delete" class="far dynamic-color fa-trash-alt"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; </div>```
``&;书信电报;div id=“TEST”01=”“class=“note”&;燃气轮机&;书信电报;h1 class=“动态颜色”contenteditable=“”&;燃气轮机;测试01及;lt/h1&;燃气轮机&;书信电报;p&;燃气轮机;测试01是一项测试;lt/宝洁;燃气轮机&;书信电报;div class=“按钮包装器”&;燃气轮机&;书信电报;i id=“highlight”class=“fas fa star”&;燃气轮机&;lt/i&;燃气轮机&;书信电报;i id=“delete”class=“far dynamic color fa trash alt”&;燃气轮机&;lt/i&;燃气轮机&;lt/律政司;燃气轮机&;lt/律政司;燃气轮机&;书信电报;div id=“TEST”02=”“class=“note”&;燃气轮机&;书信电报;h1 class=“动态颜色”contenteditable=“”&;燃气轮机;测试02&;lt/h1&;燃气轮机&;书信电报;p&;燃气轮机;测试02是一项测试;lt/宝洁;燃气轮机&;书信电报;div class=“按钮包装器”&;燃气轮机&;书信电报;i id=“highlight”class=“fas fa star”&;燃气轮机&;lt/i&;燃气轮机&;书信电报;i id=“delete”class=“far dynamic color fa trash alt”&;燃气轮机&;lt/i&;燃气轮机&;lt/律政司;燃气轮机&;lt/律政司;燃气轮机```
我尝试使用把手助手
#每个
,但它没有显示任何数据到底是什么问题?这里有两个问题:一个是手柄条,另一个是为每个用户保存数据。您真正想要得到答案的是什么?将HTML呈现为字符串不是一种好的做法。此外,在数据库中保存的数据应该是字符串,因为这有助于抵御XSS攻击。
```<div> &lt;div id="TEST" 01="" class="note"&gt; &lt;h1 class="dynamic-color" contenteditable=""&gt;TEST 01 &lt;/h1&gt; &lt;p contenteditable=""&gt;TEST 01 is a test......................&lt;/p&gt; &lt;div class="button-wrapper"&gt; &lt;i id="highlight" class="fas fa-star"&gt;&lt;/i&gt; &lt;i id="delete" class="far dynamic-color fa-trash-alt"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt;&lt;div id="TEST" 02="" class="note"&gt; &lt;h1 class="dynamic-color" contenteditable=""&gt;TEST 02&lt;/h1&gt; &lt;p contenteditable=""&gt;TEST 02 is a test......................&lt;/p&gt; &lt;div class="button-wrapper"&gt; &lt;i id="highlight" class="fas fa-star"&gt;&lt;/i&gt; &lt;i id="delete" class="far dynamic-color fa-trash-alt"&gt;&lt;/i&gt; &lt;/div&gt; &lt;/div&gt; </div>```