Wie sende ich mehrere Anfragen mit Axios?
Ich erstelle eine Reaktionsregistrierung mit einigen Feldern (idStudent (Primärschlüssel und automatische Inkrementierung), Vorname, Nachname, ..., Lehrer, Voraussetzungen) und verwende Formik & Ja zur Validierung.
Später musste ich meine Bewerbung mit einem Empfehlungssystem verknüpfen (Studierenden Abschlussarbeiten empfehlen), basierend auf den Voraussetzungen und den in bestimmten Fächern erzielten Noten.
Am Anfang habe ich nur eine Tabelle zum Speichern der Daten aus dem Frontend-Formular verwendet,
Student (Vorname, Nachname, ..., Voraussetzungen)
Studierende können Voraussetzungen aus der Antwortauswahl auswählen, die laut Dozent Voraussetzungen enthält (z. B. wenn der Student Informatik studiert, werden in der Antwortauswahl nur Informatikvoraussetzungen wie React, Angular, Machine Learning usw. angezeigt). Da ein Student mehrere Voraussetzungen haben kann, enthält die Spalte „Voraussetzungen“ in der Studententabelle mehrere IDs für die ausgewählte Voraussetzung. Die Voraussetzungen sind in einer anderen Tabelle in meiner Datenbank gespeichert (Voraussetzungen(idFaculty, idPreconditions, Voraussetzungen)) Ich weiß, dass ich eine JSON-Datei verwenden kann, um mehrere IDs in einer Spalte zu speichern, aber nachdem ich in einigen früheren Beiträgen einige Recherchen zu Stackoverflow durchgeführt habe, habe ich festgestellt, dass die Verarbeitung von JSON schwierig ist, insbesondere wenn ich eine Spalte aktualisieren möchte. Deshalb habe ich eine weitere Tabelle erstellt, um die von den Studierenden bei der Anmeldung ausgewählten Voraussetzungen zu speichern
(studentPrecessions(idStd(Fremdschlüssel, der auf idStudent aus der Schülertabelle verweist), idPrecession(Fremdschlüssel, der auf idPrecessions aus der Voraussetzungentabelle verweist))
Das Problem, mit dem ich konfrontiert bin, besteht darin, wie ich über Axios eine Anfrage für zwei Beiträge senden kann Ich dachte, ich sollte vielleicht eine Schleife verwenden, um mehrere Zeilen zu speichern, falls die Schüler mehrere Voraussetzungen auswählen.
Das habe ich gemacht:
Meine Backend-Dateien
app.post("/registerStudent", (req, res) => {
const faculty = req.body.faculty;
const firstName = req.body.firstName;
const lastName = req.body.lastName;
const phone = req.body.phone;
const email = req.body.email;
const password = req.body.password;
db.query(
"INSERT INTO students (email, password, firstName, lastName, faculty, phone) VALUES (?,?,?,?,?,?)",
[email, password, firstName, lastName, filiere, phone],
(err, result) => {
if (err) {
console.log(err);
} else {
// store chosen prerequisites
//result.insertId is the current idStudent of the student who registering
const idStd = result.insertId;
const idPrerequisite = req.body.idprerequis;
db.query(
"INSERT INTO studentPrerequisites (idStd, idPrerequisite) VALUES (?,?)",
[idFiliere, idPrerequisite],
(err, result) => {
if (err) {
console.log(err);
} else {
res.send("Values Inserted");
}
}
);
}
}
);
});
Mein Front-End-Code
const onSubmit = (values, actions) => {
Axios.post("http://localhost:3001/registerStudent", {
faculty: values.faculty,
firstName: values.firstName,
lastName: values.lastName,
phone: values.phone,
email: values.email,
password: values.password,
})
.then(() => {
//preId is an array that contains the selected prerequisites(id's) from react select
//I try to use a for loop to store multiple of prerequisites dynamically in case a
//student select multiple prerequisites
for (let i = 0; i < preId.length; i++) {
idPrerequisites: preId[i],
}
})
.then(() => {
console.log("success!");
});
actions.resetForm();
};
