Nodejs mengendalikan permintaan pos bahagian hadapan

Kata Pengantar

Untuk pembangunan bahagian hadapan, berinteraksi dengan latar belakang biasanya memerlukan beberapa permintaan, mendapatkan data latar belakang, memaparkan atau mengendalikan data, dsb. Operasi biasa ialah menghantar data ke pelayan melalui permintaan HTTP POST. Dan Node.js menyediakan pembangun bahagian hadapan dengan cara yang mudah untuk mengendalikan permintaan ini. Seterusnya, artikel ini akan memperkenalkan cara menggunakan Node.js untuk mengendalikan permintaan POST bahagian hadapan.

Persediaan

Untuk mengendalikan permintaan POST bahagian hadapan, kami perlu memasang Node.js dan modul HTTP terlebih dahulu. Node.js ialah persekitaran berjalan JavaScript berdasarkan enjin Chrome V8, yang boleh menjalankan JavaScript pada bahagian pelayan. Modul HTTP ialah salah satu modul asli terbina dalam Node.js, yang menyediakan kaedah untuk mencipta dan mengendalikan permintaan pelayan HTTP dan klien. Sebelum menggunakannya, kami perlu memasang rangka kerja, seperti Express, untuk memudahkan pemprosesan permintaan HTTP.

Untuk memasang Node.js, anda boleh memuat turun versi berbeza program Node.js daripada tapak web rasmi https://nodejs.org/en/, dan kemudian memasangnya mengikut gesaan pemasangan. Selepas pemasangan selesai, kita boleh menggunakan arahan "node -v" pada baris arahan untuk mengesahkan sama ada pemasangan berjaya.

Seterusnya kita perlu memasang rangka kerja Express. Gunakan arahan berikut pada baris arahan:

npm install express

Seterusnya, kita boleh mula memproses permintaan POST.

Mengendalikan permintaan POST

Berikut ialah contoh mudah memproses permintaan POST:

var express = require('express');
var bodyParser = require('body-parser');

var app = express();
app.use(bodyParser.urlencoded({ extended: false }));

app.post('/login', function(req, res) {
  var username = req.body.username;
  var password = req.body.password;
  // do login validation
  res.send('Hello, ' + username + '!');
});

app.listen(3000, function() {
  console.log('App is running on port 3000!');
});

Dalam kod di atas, kami menggunakan rangka kerja Express untuk mencipta pelayan HTTP yang mudah kemudian gunakan modul body-parser untuk menghuraikan data permintaan POST.

Apabila membuat pelayan HTTP, kami memanggil kaedah app.use(bodyParser.urlencoded({ extended: false })) untuk memberitahu Express menggunakan modul penghurai badan untuk menghuraikan data permintaan. urlencoded({ extended: false })Mengarahkan penghurai badan untuk menggunakan format pengekodan tradisional. Perisian tengah terbina dalam rangka kerja Express juga termasuk modul penghurai badan, jadi kami juga boleh menggunakan app.use(express.urlencoded({ extended: false })) untuk menggantikan kod di atas.

Kemudian, kami menggunakan kaedah app.post('/login', function(req, res) {...}) untuk mengendalikan permintaan POST. Kaedah ini menentukan kod yang harus dilaksanakan oleh pelayan apabila kami menghantar permintaan POST ke laluan /login.

Apabila permintaan POST diproses, kami boleh mendapatkan data penyerahan borang daripada req.body. Dalam contoh di atas, kami memperoleh nama pengguna dan kata laluan dalam borang, kemudian melakukan pengesahan log masuk dan mengembalikan mesej log masuk yang berjaya melalui kaedah res.send().

Akhir sekali, kami menggunakan kaedah app.listen(3000, function() {...}) untuk menentukan nombor port yang pelayan mendengar dan mengeluarkan mesej apabila pelayan bermula.

Ringkasan

Node.js menyediakan cara yang mudah untuk mengendalikan permintaan POST bahagian hadapan. Kami boleh menggunakan modul HTTP dan rangka kerja Express untuk membuat pelayan HTTP dengan cepat dan mengendalikan permintaan bahagian hadapan. Gunakan modul penghurai badan untuk menghuraikan data permintaan POST dengan mudah. Pembangun bahagian hadapan boleh menggunakan alat ini untuk mempercepatkan proses pembangunan dan meningkatkan kecekapan pembangunan.

Atas ialah kandungan terperinci Nodejs mengendalikan permintaan pos bahagian hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!