Firebase实时数据库：无法从Firebase数据库发送或检索数据
[英]Firebase Realtime Database: Can't send or retrieve data from Firebase Database
问题描述
我需要有关实时数据库的帮助：我无法从HTML页面向Firebase发送或检索数据。
HTML：
<head>
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyAQqSYXa-TRHGQwx_Cz9mpg2dreT38tq6k",
authDomain: "miparada-e0e6c.firebaseapp.com",
databaseURL: "https://miparada-e0e6c.firebaseio.com",
projectId: "miparada-e0e6c",
storageBucket: "miparada-e0e6c.appspot.com",
messagingSenderId: "331834990091",
appId: "1:331834990091:web:a1a7925f63be5faf"
};
firebase.initializeApp(firebaseConfig);
function writeData() {
firebase.database().ref("User").set({
name: document.getElementById("nameField").value,
age: document.getElementById("ageField").value
});
}
</script>
<h1>User Database</h1>
<input type = "text" placeholder = "name" id = "nameField">
<input type = "text" placeholder = "age" id = "ageField">
<button onclick = "writeData">SUBMIT</button>
</body>
我没有任何结果。
2 个解决方案
解决方案1
0 已采纳 2019-07-31 01:24:28
您正在使用Firebase SDK的部分导入，需要按照文档中的说明导入实时数据库，并正确地调用该函数（带有括号）。
<head>
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
<!-- import the real time database SDK -->
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-database.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyAQqSYXa-TRHGQwx_Cz9mpg2dreT38tq6k",
authDomain: "miparada-e0e6c.firebaseapp.com",
databaseURL: "https://miparada-e0e6c.firebaseio.com",
projectId: "miparada-e0e6c",
storageBucket: "miparada-e0e6c.appspot.com",
messagingSenderId: "331834990091",
appId: "1:331834990091:web:a1a7925f63be5faf"
};
firebase.initializeApp(firebaseConfig)
function writeData() {
firebase.database().ref("User").set({
name: document.getElementById("nameField").value,
age: document.getElementById("ageField").value
});
}
</script>
<h1>User Database</h1>
<input type="text" placeholder="name" id="nameField">
<input type="text" placeholder="age" id="ageField">
<!-- call the function with parenthesis -->
<button onclick="writeData()">SUBMIT</button>
</body>
希望能帮助到你 ;）
另外：注意安全规则，现在任何人都可以读取/写入数据库中的任何内容。
解决方案2
0 2019-07-31 01:41:43
在脚本块之后立即添加此代码行
<!-- import the real time database SDK -->
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-database.js"></script>
因为您没有将实时数据库连接到程序
无法将数据从Firebase实时数据库检索到Web应用程序
[英]Unable to retrieve data from firebase realtime database into web app
从 Firebase 实时数据库中检索数据并自动填充到文本框
[英]Retrieve data from firebase realtime database and auto fill into textbox
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.