javascript - 在 Firestore 中添加新文档时出现问题

Question

我在 Firestore 中有一个集合:
集合(模型)-> 文档(粉丝)-> 集合( Assets )

我想向集合( Assets )添加一个新文档

这是 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});
};

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

Answer 1

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

将类型更改为按钮，如下所示，应该可以解决问题:

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

<小时/>

请参阅W3 specification了解更多详情。