为什么我的数据没有存储到我的 Firebase 实时数据库中?

2024-06-29

我正在尝试为网络应用程序制作一个注册页面。这会将数据发送到 firebase 数据库。我已阅读官方 firebase 文档并按照说明写入数据。但什么也不会写。在我的数据库控制台中,它显示的所有内容都是空,而不是我的数据。我没有收到控制台错误。

    <button id="signUpButton" onclick="confirmData()">Sign Up!</button>
    <script type="module" src="/backend/database.js"></script>
//import and initialize database
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.2/firebase-app.js";
import { getDatabase, ref, set  } from "https://www.gstatic.com/firebasejs/9.22.2/firebase-database.js";

const firebaseConfig = {
  apiKey: "AIzaSyDJdI7Sgr7ZGo3Do6NVswgs1UvjVcQUZbs",
  authDomain: "bakerstoolbox-9ca91.firebaseapp.com",
  databaseURL: "https://bakerstoolbox-9ca91-default-rtdb.firebaseio.com",
  projectId: "bakerstoolbox-9ca91",
  storageBucket: "bakerstoolbox-9ca91.appspot.com",
  messagingSenderId: "175444196196",
  appId: "1:175444196196:web:f6314c643c71315b5f1871"
};

const app = initializeApp(firebaseConfig);
const database = getDatabase(app);

//get user sign up data
var email = document.getElementById("email");
var phone = document.getElementById("phone-number");
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");

//button functions
const signUpButton = document.getElementById("signUpButton");
signUpButton.addEventListener("click", signUpNewUser);

//sign up a new user
function signUpNewUser(){
    set(ref(database, 'users/'), {
        userEmail : email,
        userPhoneNum : phone,
        userFirstName : firstName,
        userLastName : lastName
    });
    console.log("DEBUGGING")
}

我觉得email, phone-number, firstName, and lastName are <input> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input元素,并且由于您想检索它们的值,因此必须使用value属性,否则您将获得实际的 HTML 代码,请参阅下文了解更多详细信息。

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");

firstName.addEventListener("input", function () {
  console.log(firstName);
});

lastName.addEventListener("input", function () {
  console.log(this.value);
});
<input id="firstName" />
<input id="lastName" />

很可能(高度猜测),Firebase 不会存储 HTML 代码,因此它会切换到null.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么我的数据没有存储到我的 Firebase 实时数据库中? 的相关文章

随机推荐

  • 处理新的频道创建限制

    Google 应用引擎最近似乎将频道创建的免费配额从每天 8640 个大幅减少到 100 个 对于我不愿意使用付费计划的业余爱好项目 我希望得到一些优化频道创建的建议 文中特别提到了docs http code google com app
  • 方法中缺少 return 语句错误

    我正在尝试编写一个返回计算机 MAC 地址字符串的静态方法 该函数本身可以在此处找到 http www mkyong com java how to get mac address in java http www mkyong com j
  • powershell中的quser语言独立解析

    我想查询当前使用 powershell 登录到我的计算机的所有用户 我当前的解决方案如下所示 userObject quser server localhost 2 gt 1 ForEach Object Process replace s
  • 在 Nodejs、pg-promise 中重建连接

    在使用建立主 副本 postgres 连接的场景中pg promise 有没有办法在副本中断的情况下重建这些连接 而不是做process exitCode 1 在通过 initOptions 传递的错误函数中 并在服务启动时仅重建工作连接
  • 如何让 Python 生成器返回 None 而不是 StopIteration?

    我使用生成器在列表中执行搜索 如下简单示例 gt gt gt a 1 2 3 4 gt gt gt i for i v in enumerate a if v 4 next 3 只是为了稍微说明一下示例 与上面的列表相比 我使用的列表要长得
  • 如何从另一个线程阻止 UI 线程或强制表单在 UI 线程内运行

    我的应用程序的一个要求是 如果它失去数据库连接 那么它必须弹出一个大模式 无连接 稍后重试 对话框 阻止所有用户交互 直到重新获得连接为止 我通过在应用程序启动时启动 DeviceMonitor 类的实例来实现此目的 该类创建一个 Syst
  • 用于监视文件夹和更新数据库的 Python 守护进程

    这专门用于管理 MP3 文件 但它应该可以轻松地适用于任何包含大量文件的目录结构 我想找到或编写一个守护程序 最好用Python 来监视一个包含许多子文件夹的文件夹 这些子文件夹都应该包含X个MP3文件 每当添加 更新或删除文件时 它都应该
  • 没有类型的 IEnumerable 属性

    我正在尝试创建一个类似于来自 MSDN 的官方 DataGrid ItemsSource 的属性 public IEnumerable ItemsSource get set 这提供了对任何派生类中任何类型的支持 有了这个 我可以设置类似的
  • 多线程渲染与命令池

    尼可波拉斯 https stackoverflow com a 37982565 912144 毕竟 能够并行构建命令缓冲区是 Vulkan 的卖点之一 规格 5 1 命令池 重点是我的 命令池是应用程序同步的 这意味着命令池不得在多个线程
  • Java - 动态创建子类

    我想以编程方式创建一个子类 我想我的选择很少 Javassist CGLib BCEL 或 ASM 用例是一个应用程序的内部是面向类的 而扩展是基于类的 因此 我不能将单个类作为由外部化脚本驱动的多个扩展的基础 现在 我该怎么做呢 我找到了
  • 使用 ProGuard 混淆代码后如何保持 javadoc 可见?

    我使用 progured 4 7 混淆了我的代码 并保留了 A 类 其中包含描述该类功能的 javadoc keep public class com mysite ClassA public keepattributes InnerCla
  • PowerShell - 提示“您想继续吗”

    我有一个脚本用于自动化 WSUS 进程 它的最后阶段继续删除所有旧的 不必要的文件 对象 我想在清理阶段之前提示 按 输入 继续删除或按任何其他键停止 以便人们可以选择不运行它 我目前在脚本末尾的代码在这里 Get WsusServer 1
  • 陷阱错误或“继续下一步”

    我意识到这是一个较旧的编程环境 但我必须清理一些VB6代码 我发现它大部分使用 On Error Resume Next 关于使用的普遍共识是什么 On Error Resume Next 当然 如果出现错误 您会希望应用程序停止正在执行的
  • 将带有 rowspan 和 colspan 的 XHTML 表转换为 LaTeX

    我一直在寻找将 HTML 表格转换为 LaTeX 的合适解决方案 我发现以下问题与我的要求相似 XML 表到 LaTeX https stackoverflow com questions 27021926 xml table to lat
  • 在 libgdx 中截取屏幕截图

    我有一个应用程序 我想在其中截取游戏屏幕的屏幕截图并将其保存为图像并上传到 Facebook 我正在使用 Libgdx 我的重点是 android 谁能帮助我如何以编程方式截取游戏屏幕并将其另存为图像 现在相当容易 Libgdx提供了一个例
  • Subsonic 3 ActiveRecord 嵌套选择导致 NotIn 错误?

    我有以下 Subsonic 3 0 查询 其中包含嵌套的 NotIn 查询 public List
  • 汇总异常以保留模块

    我使用一个名为的汇总插件rollup plugin lit css转变 css文件转换成 javascript 模块 该插件非常简单 它本质上只是附加export default到文件 我的汇总配置使用preserveModules and
  • 更改 UIDocumentInteractionController 图标

    我想知道如何更改表视图中显示的图标 我查看了文档UIDocumentInteractionController on 苹果网站但我没有成功编辑我的 plist 如果有人知道如何执行此操作 请提供帮助 Thank you 注册您的应用程序支持
  • Google Maps API - 调整大小会生成空白区域

    我正在研究一个看起来非常简单的功能 但却引起了一些头痛 我使用 GIS 并将其与 Google 地图集成 其中一位客户要求能够打开一个仅显示地图的单独弹出窗口 打开窗口不是问题 但当我尝试扩展包含地图的 IFrame 的宽度时 为了适应窗口
  • 为什么我的数据没有存储到我的 Firebase 实时数据库中?

    我正在尝试为网络应用程序制作一个注册页面 这会将数据发送到 firebase 数据库 我已阅读官方 firebase 文档并按照说明写入数据 但什么也不会写 在我的数据库控制台中 它显示的所有内容都是空 而不是我的数据 我没有收到控制台错误