Evet onu çok duydum lakin benim dediğim işlemi nasıl yapıyoruz onla?
Textboxun value değerine atadığınız değişkeni demişsin bu işlemi front endde mi yapayım?Http post ile nasıl göndericem ki.
Frontend icin herhangi bir framework kullaniyor musun React, Vue, Angular gibi?
Hayır.
Express biliyorum.Asenkronda call back biraz kafamı karıştırdı sadece.
const value = document.getElementById('input').value // inpput un value degeri
fetch(url, { // burasi baglantiyi yapacagimiz kisim ve url kismina backend tarafinda ayaga kaldirdigimiz sunucu adresi yazilacak. mesela localhost:3000/api/name . artik node tarafinda route u nasil yaptiysan.
method: "post", // metodumuz post, get, delete vs.
headers: {
'Accept': 'application/json', // bunlar sunucudan gelecek cevap icin cok onemli degil burasi su an.
'Content-Type': 'application/json'
},
body: JSON.stringify({ // gonderecegin dosyayi json objesi icerisine gomuyoruz.
name: value, // input value sini burada gonderiyoruz.
})
})
.then( (response) => {
console.log(response) // bize gelen cevap.
})
.catch( (err) => {
console.log(err) // hata cikarsa da konsolda yazdir diyoruz yine.
});
req.body şeklinde ulaşırsın. AJAX isteği atmanın bir sürü yolu var. Herhangi bir kütüphaneyi (tercihen Axios) veya XHR kullanabilirsin.{
"on_yuzden_gelen_ornek_deger": "deneme",
"on_yuzden_gelen_ornek_deger2": true,
"on_yuzden_gelen_ornek_deger3": 123
}const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.post('/', (req, res) => {
var on_yuzden_gelen_ornek_deger = req.body.on_yuzden_gelen_ornek_deger;
var on_yuzden_gelen_ornek_deger2 = req.body.on_yuzden_gelen_ornek_deger2;
var on_yuzden_gelen_ornek_deger3 = req.body.on_yuzden_gelen_ornek_deger3;
// Bu değişkenleri nasıl kullanacağın sana kalmış
});
app.listen(3000);
