如何先从firebase获取结果然后重定向到另一个页面？

Question

我的应用程序中有一个函数可以从 firebase 获取一些数据，在完成该 firebase on 函数后，我需要将其重定向到另一个页面。 但是在我的代码中，当我按下按钮时，它会快速重定向到另一个包，因此不会处理该功能。我该怎么做？

 $('#pg-myb-inde #testBtn').on('click',function(){

         myFirebaseRef.orderByChild('emailid').equalTo('mishan@gmail.com').on('value',function(userSnap){
            var user=userSnap.val();
//            $('#UserPage .person-name').empty();
//            $('#UserPage .person-name').append('' +
//                '<i class="glyphicon glyphicon-th-list"></i> '+user.fname);
            console.log('appended');
            console.log(user.fname);


        });

        location.href = "/another-web-page";
    })

Answer 1

这就是你要找的吗？

$('#pg-myb-inde #testBtn').on('click',function(){
    var query = myFirebaseRef.orderByChild('emailid').equalTo('mishan@gmail.com');
    query.on('value',function(userSnap){
        var user=userSnap.val();
        location.href = "/another-web-page";
    });
})

我唯一改变的是将位置的设置移到回调函数中。

如果这确实是您正在寻找的内容，那么在此代码中添加一些日志记录语句可能会有所帮助：

$('#pg-myb-inde #testBtn').on('click',function(){
    var query = myFirebaseRef.orderByChild('emailid').equalTo('mishan@gmail.com');
    console.log('Before Firebase query');
    query.on('value',function(userSnap){
        console.log('In Firebase callback');
        var user=userSnap.val();
        location.href = "/another-web-page";
    });
    console.log('After Firebase query');
})

现在，当您运行此代码时，输​​出很可能不是您的预期：

Before Firebase query
After Firebase query
In Firebase callback

原因是数据是从 Firebase 异步检索的。当您调用on() 时，它会启动对服务器的请求。但由于可能需要一段时间才能从服务器返回响应，因此您的浏览器不会等待答案，而是继续执行查询后的代码。当数据从服务器返回时，将调用您的回调。