【问题标题】:Firebase CRUD, issues with update and deleteFirebase CRUD,更新和删除问题
【发布时间】:2018-01-31 01:49:41
【问题描述】:

我是 firebase 新手,所以我尝试创建一个简单的 CRUD 函数,我只能在其中保存数据。我不会使用 newPostKey 方法,因为这个网站上只有一个用户。我想更新 user_name 并使用 plate_no 值删除整个数据,但我的代码不起作用。这是我的代码:

    function save_user() {
        var user_name = document.getElementById('user_name').value;
        var plate_no = document.getElementById('plate_no').value;

        var data = {
            user_name: user_name
        }

        var updates = {};
        updates['/users/' + plate_no] = data;
        firebase.database().ref().update(updates);

        alert('The User is Created Successfully!');
        reload_page();
    }

    function update_user() {
        var user_name = document.getElementById('user_name').value;
        var plate_no = document.getElementById('plate_no').value;

        var data = {
            user_id: plate_no,
            user_name: user_name
        }

        var updates = {};
        updates['/users/' + plate_no] = data;
        firebase.database().ref().update(updates);

        alert('The User is Updated Successfully!');
        reload_page();
    }

    function delete_user() {
        var user_id = document.getElementById('plate_no').value;

        firebase.database().ref().child('/users/' + plate_no).remove();
        alert('The User is Deleted Successfully!');
        reload_page();
    }

    function reload_page() {
        window.location.reload();
    }

【问题讨论】:

  • update() 和 remove() 返回一个 Promise,使用回调或 then() 以便在操作完成后显示 alert()。

标签: javascript firebase firebase-realtime-database


【解决方案1】:

update() 和 remove() 返回 Promise,使用回调或 then() 以便在确认操作完成后显示 alert()。

或者更好的是,使用 .catch() 来获取错误并查看它为什么不起作用。 即:

firebase.database().ref().child('/users/' + plate_no).remove()
   .then(() => { 
       console.log('success!, show alert now'); 
   }) 
   .catch(err => { 
       console.log('errorcode', err.code); 
   });

【讨论】:

    猜你喜欢
    • 2021-07-15
    • 1970-01-01
    • 2020-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-01
    相关资源
    最近更新 更多