我正在尝试将已登录用户的数据加载到条目中,但是我不知道该怎么做。我是否必须使用诸如innerText之类的类似内容?
代码HTML:
<form>
<h2 align="center">Setting</h2>
<div class="form-group row">
<label for="uidInput" class="col-sm-1 col-form-label">Uid</label>
<div class="col-sm-4">
<input type="text" class="form-control teste" id="uidInput" placeholder="uidInput">
</div>
<label for="emailInput" class="col-sm-1 col-form-label">Email</label>
<div class="col-sm-4">
<input type="email" class="form-control" id="emailInput">
</div>
</div>
<div class="form-group row">
<label for="nameInput" class="col-sm-1 col-form-label">Name</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="nameInput">
</div>
<label for="passwordInput" class="col-sm-1 col-form-label">Password</label>
<div class="col-sm-4">
<input type="password" class="form-control" id="passwordInput">
</div>
</div>
<div class="form-group row">
<label for="surnameInput" class="col-sm-1 col-form-label">Surname</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="surnameInput">
</div>
</div>
<div class="form-group row">
<label for="numberInput" class="col-sm-1 col-form-label">document number</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="numberInput">
</div>
</div>
</form>
代码js:
firebase.database().ref('/users/' + uid).once('value').then(function(snapshot) {
var name = snapshot.val().name;
var surname = snapshot.val().surname;
var documentNumber = snapshot.val().documentNumber;
var email = snapshot.val().email;
var password = snapshot.val().password;
如果要从数据库中读取从HTML中读取的值,则可以使用以下方法设置元素的内部文本:
firebase.database().ref('/users/' + uid).once('value').then(function(snapshot) {
var name = snapshot.val().name;
var surname = snapshot.val().surname;
var documentNumber = snapshot.val().documentNumber;
var email = snapshot.val().email;
var password = snapshot.val().password;
document.querySelection('#emailInput').textContent = email;
document.querySelection('#nameInput').textContent = name;
document.querySelection('#passwordInput').textContent = password;
document.querySelection('#surnameInput').textContent = surname;
document.querySelection('#numberInput').textContent = documentNumber;
})