如何将表单值发送到节点/快速发送到搜索数据库?

Question

我有一个带有GPS坐标的预填充表单，我正在尝试搜索数据库。

<form>
<mat-toolbar  color="primary">
<mat-toolbar-row style="justify-content: center;" id="test">  Yonder   </mat-toolbar-row>
<br>

<mat-toolbar-row style="justify-content: center;">  <input id="geoSearch" type="text" value="{{coords}}">  </mat-toolbar-row>
<mat-toolbar-row style="justify-content: center;">    <button type="submit" class="subMitButton" id="location-button" mat-raised-button onclick="window.location.reload();" color="accent"> Locate </button>   </mat-toolbar-row>

</mat-toolbar>
<br>

</form>

和我的后端代码

app.get('/api/animals',(req, res, next) => {
Animal.find({})
.then(documents => {
res.status(200).json({
message: 'success',
animals: documents
});
});

如何从表单发送要在查找查询中使用的数据？

谢谢！

Answer 1

使用 HttpClient 向端点发出请求。在这种情况下，您可以有类似的东西：

public response: any;
constructor(private readonly http: HttpClient) {}
public makeRequest(): void {
this.http.get('XXXXXXXXX/api/animals').subscribe((response) => {
this.response = response;
// console.log(response)
})
}

其中 XXXXXXXXXXXX 是您的 API 基本网址(可能类似于 http://localhost:3000(