如何將數據上傳到 Firebase 數據庫並使用 javascript 在日期的幫助下檢索它

Question

無論如何將數據上傳到 Firebase 並檢索它？ 使用包含兩個文本框和保存和檢索/刷新按鈕的 javascript。 保存按鈕將數據保存到 Firebase 數據庫，檢索/刷新按鈕從 Firebase 數據庫中獲取數據。

Answer 1

是的，有辦法。 代碼中有兩個文本框，第一個用於輸入數據，第二個用於輸入 select 日期。 確保您已創建 firebase 帳戶，然后在測試模式下創建 Firebase 實時數據庫。

將 Firebase 實時數據庫規則更改為

{
  "rules": {
    ".read": "true",
    ".write": "true"
  }
}

索引.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <div id="form_container">
            <input placeholder="Enter Your Data" type="number" id="number"/>
        </div>
    
        <div id="form_container1">
            <input placeholder="Enter Todays Date" type="date" id="todaydate"/>
        </div>

        <div id="button_container">
        <button id="savedata" onclick="save()"> Save </button>
        </div>

        <div id="button_container3">
        <button id="read" onclick="get()"> Read </button>
        </div>
    </body>

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-database.js"></script>
    </html>

index.js

// Add here Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional 

// Initialize Firebase  firebase.initializeApp(firebaseConfig);

            function save() 
           {
                var data = document.getElementById('number').value
                var date = document.getElementById('todaydate').value
        
                database.ref('users/' + date).set({
                data : data,
                date : date
                })
        
                alert('Saved')
        
            }
            function get() {
                var date = document.getElementById('todaydate').value
              
                var user_ref = database.ref('users/' + date)
                user_ref.on('value', function(snapshot) {
                  var data = snapshot.val()
                  document.getElementById('number').value = snapshot.val().data;
              
                })
              }

如何將數據上傳到 Firebase 數據庫並使用 javascript 在日期的幫助下檢索它

問題描述

1 個解決方案

解決方案1
0 2021-04-03 03:29:55

如何將數據上傳到 Firebase 數據庫並使用 javascript 在日期的幫助下檢索它

問題描述

1 個解決方案

解決方案1 0 2021-04-03 03:29:55

解決方案1
0 2021-04-03 03:29:55