Saya mempunyai ini onSubmit dalam skrip React saya yang dipanggil apabila saya mengklik butang hantar:
const handleSubmit = (event) => { event.preventDefault(); const form = event.target; const rawdata = new FormData(form); const data = { email: rawdata.get('email'), password: rawdata.get('password'), }; console.log(data); const response = fetch('http://localhost:4000/register', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(data), }).then(response => { if(response.ok) { console.log('Form data sent successfully'); } else { console.error('Failed to send form data'); } }).catch (error => console.error(error)); }
Ia harus menghantar data ke skrip js nod saya dan memanggil fungsi berikut:
app.post("/register", function (req, res){ console.log("inside /register"); console.log("email: " + req.body.email); User.register({username: req.body.email}, req.body.password, function(err, user){ if(err) { console.log(err); console.log("couldn't register"); //res.redirect("/signup"); } else{ passport.authenticate("local")(req, res, function(){ console.log("login granted"); }); } }); });
Tetapi ia mengatakan data yang saya cuba log (req.body.email) tidak ditentukan. Jika sesiapa boleh membantu saya, saya amat berterima kasih. Terima kasih
Saya mengedit kod di bawah dan kini saya boleh mendapatkan data daripada skrip React saya dalam skrip Node js saya:
Dan dalam skrip nod saya, saya terpaksa menambah baris berikut pada permulaan:
Ia berfungsi sekarang. Talian app.use dalam nod adalah masalahnya.