Nodejs gère les demandes de publication frontales

Préface

Pour le développement front-end, interagir avec l'arrière-plan nécessite généralement l'envoi de requêtes, l'obtention de données d'arrière-plan, l'affichage de données ou d'opérations, etc. Une opération courante consiste à envoyer des données au serveur via une requête HTTP POST. Et Node.js offre aux développeurs front-end un moyen pratique de gérer ces demandes. Ensuite, cet article expliquera comment utiliser Node.js pour gérer les requêtes POST frontales.

Preparation

Pour gérer les requêtes POST front-end, nous devons d'abord installer Node.js et un module HTTP. Node.js est un environnement d'exécution JavaScript basé sur le moteur Chrome V8, qui peut exécuter JavaScript côté serveur. Le module HTTP est l'un des modules natifs intégrés à Node.js, qui fournit des méthodes pour créer et gérer les requêtes du serveur et des clients HTTP. Avant de l'utiliser, nous devons installer un framework, tel qu'Express, pour simplifier le traitement des requêtes HTTP.

Pour installer Node.js, vous pouvez télécharger différentes versions du programme Node.js depuis le site officiel https://nodejs.org/en/, puis l'installer selon les invites d'installation. Une fois l'installation terminée, nous pouvons utiliser la commande "node -v" sur la ligne de commande pour vérifier si l'installation a réussi.

Ensuite, nous devons installer le framework Express. Utilisez la commande suivante sur la ligne de commande :

npm install express

Ensuite, nous pouvons commencer à traiter la requête POST.

Gestion des requêtes POST

Ce qui suit est un exemple simple de traitement des requêtes 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!');
});

Dans le code ci-dessus, nous utilisons le framework Express Créé un simple serveur HTTP, puis utilisé le module body-parser pour analyser les données de la requête POST.

Lors de la création du serveur HTTP, nous avons appelé la méthode app.use(bodyParser.urlencoded({ extend: false })) pour indiquer à Express d'utiliser le module body-parser pour analyser les données de la requête. urlencoded({ extended: false }) demande à l'analyseur de corps d'utiliser le format d'encodage traditionnel. Le middleware intégré du framework Express inclut également le module body-parser, nous pouvons donc également utiliser app.use(express.urlencoded({ extended: false })) pour remplacer le code ci-dessus. app.use(bodyParser.urlencoded({ extended: false }))方法来告诉Express使用body-parser模块来解析请求数据。urlencoded({ extended: false })指示body-parser使用传统的编码格式。Express框架内置的中间件也包括了body-parser模块，因此我们也可以使用app.use(express.urlencoded({ extended: false }))来替代上面的代码。

然后，我们使用app.post('/login', function(req, res) {...})方法来处理POST请求。这个方法指定了当我们向/login路径发送POST请求时，服务器应该执行什么代码。

在POST请求被处理时，我们可以从req.body中获取表单提交的数据。在上面的例子中，我们获取了表单中的username和password，然后进行了登录验证，并通过res.send()方法来返回登录成功的消息。

最后，我们使用app.listen(3000, function() {...})

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!