Well I've pretty much just started using Firebase and I'm sort of unable to retrieve any data from my database using .on() method. Using it for a web app which uses no jQuery.
HTML:
<html>
<head>
<title>Admin</title>
<meta name="viewport" content="width=device-width , initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ift.tt/2hwjcDC"></script>
<script type="text/javascript" src="firebase_basic.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form method="post">
<button class="signin-button" onclick="readData()">Execute</button>
</form>
</body>
</html>
JS:
var firebaseRef = firebase.database().ref();
var count=0
function writeData(){
var name = document.getElementById('name').value
var phone = document.getElementById('phone').value
var dob = document.getElementById('dob').value
var colname = document.getElementById('colname').value
var colloc = document.getElementById('colloc').value
var course = document.getElementById('course').value
var User_id = count.toString()
var temp = firebaseRef.child(User_id)
count=count+1
temp.child('Name').set(name)
temp.child('Phone').set(phone)
temp.child('DOB').set(dob)
temp.child('Colname').set(colname)
temp.child('Colloc').set(colloc)
temp.child('Course').set(course)
window.alert("Thank you for registering. Your response has been recorded");
}
function readData(){
var A = 'A';
var temp = firebaseRef.child(A)
temp.on('value', snap=>console.log(snap.val()));
}
Firebase_basic.js
var config = {
apiKey: "AIzaSyC-p6x1EchEJP-4E12U_h8g19teCKzKzQM",
authDomain: "studentzone-19b3a.firebaseapp.com",
databaseURL: "http://ift.tt/2iAZN4D",
storageBucket: "studentzone-19b3a.appspot.com",
messagingSenderId: "711530227087"
};
firebase.initializeApp(config);
Hitting the Button returns, "Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience." in the console. What am I doing wrong ?
Aucun commentaire:
Enregistrer un commentaire