Как я могу перенаправить в другой HTML-файл после возможности хранить данные в FireStore? - PullRequest
1 голос
/ 23 апреля 2019

Я впервые сделал данные своего интернет-магазина в базе данных Firebase в реальном времени и Теперь я изменил его в Firestore, но теперь я не совсем уверен, как я могу перенаправление после того, как данные были отправлены в пожарный магазин, я попытался добавить location.href = "https://dr -elvic-tengco-web.firebaseapp.com / ThankYou.html "; под console.log («Документ успешно написан!»); да, он перенаправляет и сохраняет данные

и то, что я заметил, работает, когда я жду 2 секунды, прежде чем я нажмите кнопку OK на window.alert («Запрос о встрече отправлен! Пожалуйста, дождитесь подтверждения по электронной почте, или мы перезвоним вам! право

//I had this code first on firebase realtime database-this worked and redirected
var data = {
            FirstName: firstName,
            LastName: lastName,
            Contact: cPhone,
            Gender: inputGender,
            Birthdate: Bday,
            Address: inputAddress,
            City: inputCity,
            Province: inputState,
            Zip: inputZip,
            Email: exampleInputEmail1,
            Message: inputMessage,
            Clinic: inputClinic
        };
        var firebaseRef = firebase.database().ref();
        firebaseRef.push(data, (error) => {
            if (error) {
                console.log('error');
            } else {
                location.href = "https://dr-elvic-tengco-web.firebaseapp.com/ThankYou.html";
            }
        })
//and now this is the firestore
<script>
//FOR REALTIME DABASE
function getInfo() {
    var firstName = document.getElementById("firstName").value;
    var lastName = document.getElementById("lastName").value;
    var cPhone = document.getElementById("cPhone").value;
    var exampleInputEmail1 = document.getElementById("exampleInputEmail1").value;
    var Bday = document.getElementById("Bday").value;
    var inputGender = document.getElementById("inputGender").value;
    var inputAddress = document.getElementById("inputAddress").value;
    var inputCity = document.getElementById("inputCity").value;
    var inputState = document.getElementById("inputState").value;
    var inputZip = document.getElementById("inputZip").value;
    var inputMessage = document.getElementById("inputMessage").value;
    var inputClinic = document.getElementById("inputClinic").value;
    if (!firstName || !lastName || !cPhone || !exampleInputEmail1 || !Bday || !inputGender || !inputAddress || !inputCity || !inputState || !inputZip || !inputMessage || !inputClinic) {
        window.alert("Please Complete the Form! The Page will Reload For Security Purpose")
        document.getElementById("gbutton").disabled = true;
        document.location.reload()
    } else {
        window.alert("Appointment Request Sent! Please wait for a confirmation on your Email or We'll txt you back!")
        var db = firebase.firestore();

        db.collection("Requests").doc().set({
            FirstName: firstName,
            LastName: lastName,
            Contact: cPhone,
            Gender: inputGender,
            Birthdate: Bday,
            Address: inputAddress,
            City: inputCity,
            Province: inputState,
            Zip: inputZip,
            Email: exampleInputEmail1,
            Message: inputMessage,
            Clinic: inputClinic
            })
            .then(function() {
                console.log("Document successfully written!");
                location.href = "https://dr-elvic-tengco-web.firebaseapp.com/ThankYou.html";
            })
            .catch(function(error) {
                console.error("Error writing document: ", error);
            });
    }
}

1 Ответ

0 голосов
/ 23 апреля 2019

Я нашел альтернативу с помощью setTimeout

.then (function () { console.log («Документ успешно написан!»);

                setTimeout(function() {
                    location.href = "https://dr-elvic-tengco-web.firebaseapp.com/ThankYou.html";
                }, 2000);
            })
            .catch(function(error) {
                console.error("Error writing document: ", error);
            });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...