NodeJS ile ön taraftan veri çekme

Ön yüzden, express uygulamana HTTP POST isteği atarsın. Request body'de JSON gönderirsin. Body parser sadece express middleware olarak çalışıyor, başka bir esprisi yok. Request body'de gönderdiğin veriye 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.

Örnek request body:
JSON:
{
    "on_yuzden_gelen_ornek_deger": "deneme",
    "on_yuzden_gelen_ornek_deger2": true,
    "on_yuzden_gelen_ornek_deger3": 123
}

Node.js tarafı örnek:
JavaScript:
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);
Post isteği get isteği gibi mi?
 
POST ve GET farklı şeyler. GET ile adı üstünde (TR: almak) veri çekersin ve bir body'ye sahip olmaz. POST isteğini genelde veri yazarken kullanırsın ve bir body'ye sahip olur. GET ile veri çekmek ve POST ile veri göndermek zorunda değilsin, fakat bunların geleneksel kullanımları ve amaçları bu şekildedir.

En çok kullanılan HTTP metotları hakkında kısa bilgi vereyim:
  • GET: Sunucudan veri çekerken kullanılır, request body'ye sahip değildir.
  • POST: Sunucu tarafına veri gönderirken kullanılır, bir request body'ye sahip olur.
  • PUT: Sunucu tarafındaki veriyi/verileri güncellerken kullanılır, bir request body'ye sahip olur.
  • DELETE: Sunucu tarafındaki veriyi/verileri silerken kullanılır, request body'ye sahip olabilir (genelde body'de bir şey gönderilmez, ama istenirse gönderilebilir).
Temiz CRUD (Create, Read, Update, Delete) express uygulamaları yazmak istiyorsan, bu metotların hepsine hakim olman gerekir.

Diğer HTTP metotlarına buradan ulaşabilirsin.
 
POST ve GET farklı şeyler. GET ile adı üstünde (TR: almak) veri çekersin ve bir body'ye sahip olmaz. POST isteğini genelde veri yazarken kullanırsın ve bir body'ye sahip olur. GET ile veri çekmek ve POST ile veri göndermek zorunda değilsin, fakat bunların geleneksel kullanımları ve amaçları bu şekildedir.

En çok kullanılan HTTP metotları hakkında kısa bilgi vereyim:
  • GET: Sunucudan veri çekerken kullanılır, request body'ye sahip değildir.
  • POST: Sunucu tarafına veri gönderirken kullanılır, bir request body'ye sahip olur.
  • PUT: Sunucu tarafındaki veriyi/verileri güncellerken kullanılır, bir request body'ye sahip olur.
  • DELETE: Sunucu tarafındaki veriyi/verileri silerken kullanılır, request body'ye sahip olabilir (genelde body'de bir şey gönderilmez, ama istenirse gönderilebilir).
Temiz CRUD (Create, Read, Update, Delete) express uygulamaları yazmak istiyorsan, bu metotların hepsine hakim olman gerekir.

Diğer HTTP metotlarına buradan ulaşabilirsin.
Şeyi sorabilir miyim kusura bakma çok soru sormuş olacağım.app.post(".",(req,res)) . koyduğum yere ne yazacağım yani bir textboxa erişmek için.
 
Ön yüzden, express uygulamana HTTP POST isteği atarsın. Request body'de JSON gönderirsin. Body parser sadece express middleware olarak çalışıyor, başka bir esprisi yok. Request body'de gönderdiğin veriye 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.

Örnek request body:
JSON:
{
    "on_yuzden_gelen_ornek_deger": "deneme",
    "on_yuzden_gelen_ornek_deger2": true,
    "on_yuzden_gelen_ornek_deger3": 123
}

Node.js tarafı örnek:
JavaScript:
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);
json kısmı nereye
 
Kanka bu şekilde yapma. Ben öğreneli bayağı oldu yapılışını, git body-parser kullan.

Kanka script tagı içerisinde bir link üretiyorum bu linke ID atıyorum.

[CODE title="id atama" highlight="1"]document.getElementByName("yazmi").innerHTML =[/CODE]

Şeklinde body parserde sadece name atanılanları çekebiliyorum form içindeki :/

İnput içine yazdırabilir miyim bu ürettiğim linki?
 
Kanka script tagı içerisinde bir link üretiyorum bu linke ID atıyorum.

[CODE title="id atama" highlight="1"]document.getElementByName("yazmi").innerHTML =[/CODE]

Şeklinde body parserde sadece name atanılanları çekebiliyorum form içindeki :/

İnput içine yazdırabilir miyim bu ürettiğim linki?
Body parser'la çekersin . Database'e kaydedirsin inputa yollarsın database'deki halini . Tabi bi view engine bilmen lazım . @berk1937 buralardaysa o anlatırsa daha iyi olur . Anlatma konusunda iyi değilim .
Kanka script tagı içerisinde bir link üretiyorum bu linke ID atıyorum.

[CODE title="id atama" highlight="1"]document.getElementByName("yazmi").innerHTML =[/CODE]

Şeklinde body parserde sadece name atanılanları çekebiliyorum form içindeki :/

İnput içine yazdırabilir miyim bu ürettiğim linki?
Ayrıca bu kullandığın şey body-parser değil .
 

Geri
Yukarı