Aysar Aldubaisi نشر 24 ديسمبر 2022 أرسل تقرير مشاركة نشر 24 ديسمبر 2022 تحياتي كيف أستطيع ربط رز submit لأرسال form من صفحة HTML الى صفحة nodejs أستعمل sqlit3 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عمر قره محمد نشر 25 ديسمبر 2022 أرسل تقرير مشاركة نشر 25 ديسمبر 2022 يمكنك فعل ذلك بالشكل التالي : <body> <form> <label for="userName"> ادخل الاسم هنا </label> <input type="text" id="userName" name="userName" minlength="3" maxlength="36" required /> <button id="button" type="submit">إرسال</button> </form> <script> const button = document.querySelector("#button"); const url = "http://localhost:3000/"; const handleSubmit = async (e) => { e.preventDefault(); const userName = document.querySelector("#userName").value; try { const response = await fetch(url + "name", { method: "POST", mode: "cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userName }), }); console.log(await response.json()); } catch (error) { console.log(error); } }; button.onclick = handleSubmit; </script> </body> وسيرفر ال node يكون بالشكل : const bodyParser = require("body-parser"); const express = require("express") var cors = require('cors') const app = express(); app.use(bodyParser.urlencoded({ extended: false })) app.use(bodyParser.json()) app.use(cors()) app.get("/", (req, res) => { return res.status(200).json({ message: "express server working Successfully" }) }) app.post("/name", (req, res) => { console.log("hi"); const { userName } = req.body; return res.status(200).json({ message: "Successfully Registered", userName }) }) app.listen(3000, () => { console.log("server listening "); }) اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Aysar Aldubaisi
تحياتي
كيف أستطيع ربط رز submit لأرسال form من صفحة HTML الى صفحة nodejs
أستعمل sqlit3
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.