Как я могу преобразовать это в файл JSON, где данные, которые я ввожу в текстовое поле, попадают в JSON и в базу данных?

Question

Я хочу преобразовать свой код в формат JSON. Я не знаю, как получить данные в текстовых полях с помощью JSON.

Это веб-приложение, которое я пытаюсь сделать, которое может сохранять данные в базе данных реального времени firebase, и я не знаю, как я смогу получить данные из поля fieldbox в JSON.

<script>
    function getInfo() {
    var firstName = document.getElementById("firstName");
    var lastName = document.getElementById("lastName");
    var cPhone = document.getElementById("cPhone");
    var exampleInputEmail1 = document.getElementById("exampleInputEmail1");
    var Bday = document.getElementById("Bday");
    var inputGender = document.getElementById("inputGender");
    var inputAddress = document.getElementById("inputAddress");
    var City = document.getElementById("inputCity");
    var inputState = document.getElementById("inputState")
    var inputZip = document.getElementById("inputZip");
    var inputMessage = document.getElementById("inputMessage");
    var Clinic = document.getElementById('Clinic').value;
    window.alert("Appointment Request Sent! Please wait for a confirmation on your Email or We'll txt you back!")
    var firebaseRef = firebase.database().ref();
    var fname = firstName.value;

    firebaseRef.child("FirstName").set(fname);
    var lname = lastName.value;

    firebaseRef.child("LastName").set(lname);
    var cp = cPhone.value;
    firebaseRef.child("Contact").set(cp);
    var gender = inputGender.value;
    firebaseRef.child("Gender").set(gender);
    var bday = Bday.value;
    firebaseRef.child("Birthdate").set(bday);
    var address = inputAddress.value;
    firebaseRef.child("Address").set(address);
    var city = City.value;
    firebaseRef.child("City").set(city);
    var state = inputState.value;
    firebaseRef.child("Province").set(state);
    var zip = inputZip.value;
    firebaseRef.child("Zip").set(zip);
    var email = exampleInputEmail1.value;
    firebaseRef.child("Email").set(email);
    var message = inputMessage.value;
    firebaseRef.child("Message").set(message);
    var cl = Clinic.value;
    firebaseRef.child("Clinic").set(cl);
}

Answer 1

Если вы хотите отправить данные в Firebase одним вызовом, вы можете передать все это в одном объекте JSON следующим образом:

let value = {
  FirstName: firstName.value,
  LastName: lastName.value,
  Contact: cPhone.value,
  Gender: inputGender.value;,
  Birthdate: Bday.value,
  Address: inputAddress.value,
  City: City.value,
  Province: inputState.value,
  Zip: inputZip.value,
  Email: exampleInputEmail1.value,
  Message: inputMessage.value,
  Clinic: Clinic.value
};

var firebaseRef = firebase.database().ref();
firebaseRef.set(value);

Обратите внимание, что в настоящее время вы всегда перезаписываете предыдущие данные вfirebaseRef.Чтобы добавить новый дочерний узел при каждой отправке, используйте push():

firebaseRef.push(value);