node.js - 如何将用户输入作为键值或变量从 Html 传递给 js 到 mongodb 数据库?
问题描述
我想获取用户输入的值并将其作为键值传递,这甚至可能吗?所以它说 /hand-hold?handhold=userinput 我希望用户输入是用户每次输入的内容。
非常感谢您对此的任何帮助。
app.component.ts
setHandHold(val){this.http.patch('http://localhost:3000/api/simulation/hand-hold?handhold=userinput', {
})
.subscribe(data => {
console.log(data);
});
}
app.component.html
<label class="h3-responsive white-text"> Enter Handhold Value: </label>
<br>
<div id= "handholds">
<input type="text" id = "handhold" value="">
<script>
var val = "test";
document.getElementById("handhold").value = val;
</script>
<input type="button" class="btn btn-primary btn-sm" value="Submit" (click)= "setHandHold(val)">
<br>
</div>
解决方案
在 里面放一个变量${}
,Javascript 会解释这个值。例如
const a = 'a';
console.log(`${a}b`); // ab
将其应用于您的情况,您可以动态修补如下:
setHandHold(val){
this.http.patch(`http://localhost:3000/api/simulation/hand-hold?handhold=${val}`, {
})
.subscribe(data => {
console.log(data);
});
}
请注意,您需要将字符串括在一组`'而不是引号内。
推荐阅读
- swift - 以编程方式将 AutoresizingMask 设置为 NSView 对象
- c++ - 创建 std::future 的最佳方法
从一个 T - excel - 杀死回收站中的选定文件
- javascript - REST API:如何为 POST 方法压缩 JSON
- python - 上传后我的 pip 项目中缺少文件
- java - 使用 Jsoup 从 html 字符串中仅提取 HTML 标记和属性
- python - 如何在插入仍在进行时检查我已插入表中的行数
- web-applications - 从 Google 日历导出到 Excel
- java - 从 JSON 数组中获取 JSON
- sql - 执行带有 EXCEPTION 的 PostgreSQL 查询会导致两条不同的错误消息