为了账号安全,请及时绑定邮箱和手机立即绑定

下载点击计数器 + Firebase 数据库

下载点击计数器 + Firebase 数据库

慕尼黑5688855 2023-01-06 15:25:51

我的代码保存了该值,更多的是当页面刷新并点击按钮时该值返回到 1


var button = document.getElementById("button-download"),

    count = 0;


button.onclick = function() {

    count += 1;

    firebase.database().ref('counter').set(count);

    updateValue();

};


function updateValue() {

    firebase.database().ref('counter').once('value', function(snapshot) {

        var badge = document.getElementById("badge-value");

        badge.innerHTML = "Download: " + snapshot.val();

    });

}

我怎么解决这个问题?


查看完整描述

1 回答

?
largeQ

TA贡献1770条经验 获得超7个赞

您需要确保先读取该值,然后再将其设置为新值。现在的 Firebase 有一个内置的增量运算符来做到这一点:


button.onclick = function() {

    firebase.database().ref('counter').set(firebase.database.ServerValue.increment(1));

};


firebase.database().ref('counter').on('value', function(snapshot) {

    var badge = document.getElementById("badge-value");

    badge.innerHTML = "Download: " + snapshot.val();

});


您会注意到我不再更新(也不需要)本地也不再count刷新 UI 。onclick那是因为代码现在使用 侦听数据库on(),这确保了这两种情况都自动发生。


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 12 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信