如何将firebase数据放在屏幕上

Question

显示我从屏幕上的firebase中提取的数据的最佳方法是什么？ 并且通过最好的方式，我想要使用JavaScript和没有hacks或JSON.strinifying的最佳方式（除非这是最好的方式）。

我没有包含任何代码或尝试的原因是因为我想知道要做什么而不是如何做。任何提示欢迎

Answer 1

根据您想要绑定到屏幕的数据量，我建议使用某种框架。

如果使用vanilla JS，将JSON响应绑定到您的视图并将其拆分以将其绑定到不同的元素可能会变得非常繁琐。

为了简单实现，像jQuery这样的东西就足够了。

通常，这取决于您要显示的Firebase回复内容。

如果它是整个响应符号JSON.stringify可能是要走的路。但通常您需要显示保存在JSON响应属性中的信息。

因此，假设这是您的回复数据：

{
  property: 'Example sting I want to display'
}

所以你得到你的firebase响应（让我们假设你已经将响应对象保存到data变量上）选择你想要显示的属性值并将其传递给jQuery的.text（）函数。

jQuery('#exampleDiv').find('p').text(data.property);

这假设您有一个示例DOM，其中包含一个id为'exampleDiv'且包含p标记的div。

此p标签现在将包含字符串'我要显示的示例sting'。

这种方式很容易扩展到几个属性和不同的html标签，如果你的JSOn响应，你可以自由地绑定哪个部分。