首页 > 解决方案 > 如何将用户输入作为键值或变量从 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>

标签: node.jsangularmongodbexpressuser-input

解决方案


在 里面放一个变量${},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);
});
}

请注意,您需要将字符串括在一组`'而不是引号内。


推荐阅读