NodeJS ile ön taraftan veri çekme

berk1937 dedi:

Ö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:Panoya kopyala

{
    "on_yuzden_gelen_ornek_deger": "deneme",
    "on_yuzden_gelen_ornek_deger2": true,
    "on_yuzden_gelen_ornek_deger3": 123
}

Node.js tarafı örnek:

JavaScript:Panoya kopyala

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);

Genişletmek için tıkla...

• 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).

berk1937 dedi:

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.

Genişletmek için tıkla...

berk1937 dedi:

Sen çok yanlış anlamışsın olayı. Node.js uygulamandan, HTML'deki, kullanıcının kontrol ettiği bir alana doğrudan ulaşamazsın. AJAX'ın ne olduğunu araştırıp, denemeler yapmalısın.

Genişletmek için tıkla...

berk1937 dedi:

Ö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:Panoya kopyala

{
    "on_yuzden_gelen_ornek_deger": "deneme",
    "on_yuzden_gelen_ornek_deger2": true,
    "on_yuzden_gelen_ornek_deger3": 123
}

Node.js tarafı örnek:

JavaScript:Panoya kopyala

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);

Genişletmek için tıkla...

The Lord dedi:

json kısmı nereye

Genişletmek için tıkla...

Son Hava Bükücü dedi:

Kanka bu şekilde yapma. Ben öğreneli bayağı oldu yapılışını, git body-parser kullan.

Genişletmek için tıkla...

The Lord dedi:

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?

Genişletmek için tıkla...

The Lord dedi:

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?

Genişletmek için tıkla...

Son Hava Bükücü dedi:

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 .

Ayrıca bu kullandığın şey body-parser değil .

Genişletmek için tıkla...