在 Firestore 中添加新文档时出现问题答案

【问题标题】：Problem with adding a new document in Firestore在 Firestore 中添加新文档时出现问题
【发布时间】：2023-03-22 08:07:01
【问题描述】：

我在 Firestore 中有一个收藏：
收藏（模型）-> 文档（粉丝）-> 收藏（资产）

我想向集合（资产）添加一个新文档

这是 HTML 代码：

<form>
 <input type="text" id="asset_id" />
 <button type="submit" id="submit">Submit</button>
</form>

Javascript 代码：

const assets = firestore.collection("Models").doc("Fan").collection("Assets");

document.querySelector('#submit').addEventListener('click', () => {
var asset_id = document.getElementById("asset_id").value;
 addAsset(asset_id);
});

const addAsset = asset => {
    assets.add({asset_type: asset});
};

但代码不起作用，集合中没有添加任何内容

【问题讨论】：

标签： javascript html firebase google-cloud-firestore

【解决方案1】：

通过将submit 类型分配给您的按钮，您的表单会在触发 Firebase 方法之前提交。

将类型更改为button，如下所示，应该可以解决问题：

<form>
 <input type="text" id="asset_id" />
 <button type="button" id="submit">Submit</button>
</form>

更多详情请参阅W3 specification。

【讨论】：