Maison > Article > interface Web > Comment implémenter une simple requête GET dans Nodejs

Comment implémenter une simple requête GET dans Nodejs

青灯夜游avant: 2021-05-21 10:25:043478parcourir

Cet article vous présentera comment implémenter une simple requête GET dans Node.js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

[Apprentissage recommandé : "tutoriel nodejs"]

L'identification des requêtes GET est très simple, c'est l'URL. Pour l'identification, utilisez url.parse(req.url,true).query

Regardez d'abord le répertoire

Comment implémenter une simple requête GET dans Nodejs

public Le fichier index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div>
        <span>姓名：</span><input type="text" name="name" value="">
    </div>
    <div>
        <span>年龄：</span><input type="text" name="age" value="">
    </div>
    <div>
        <span>性别：</span> <span>男</span><input type="radio" name="sex" value="男">
        <span>女</span><input type="radio" name="sex" value="女">
    </div>
    <div>
        <button id="btn">发送GET请求</button>
    </div>
    <script type="text/javascript" src="./jquery.js"></script>
    <script>
        $(&#39;#btn&#39;).click(() => {
            //读取表单
            var name = $(&#39;input[name=name]&#39;).val();
            var age = $(&#39;input[name=age]&#39;).val();
            var sex = $(&#39;input[name=sex]:checked&#39;).val();
            //发送请求
            $.get(&#39;/addStudent&#39;,{
                name,
                age,
                sex
            },(data) => {
                if(data == &#39;ok&#39;){
                    alert(&#39;恭喜，添加成功！&#39;);
                }else{
                    alert(&#39;对不起，服务器错误&#39;);
                }
            })
        })
    </script>
</body>
</html>

fichier package.json

a installé ces deux dépendances (exécutez d'abord ces deux commandes)

npm install finalhandler --save
npm install serve-static --save

Ensuite, le fichier package.json suivant est automatiquement généré

{
  "dependencies": {
    "finalhandler": "^1.1.1",
    "serve-static": "^1.13.2"
  }
}

Le le plus important get.js

//这个案例展示get请求参数如何获得
var finalhandler = require(&#39;finalhandler&#39;)
var serveStatic = require(&#39;serve-static&#39;)//之前安装的两个依赖
var http = require(&#39;http&#39;)
var url = require(&#39;url&#39;)
var fs = require(&#39;fs&#39;)//node内置模块
// Serve up public/ftp folder
//配置静态资源服务器，将public文件夹静态化出来

var serve = serveStatic(&#39;public&#39;, {&#39;index&#39;: [&#39;index.html&#39;, &#39;index.htm&#39;]})

// Create server
var server = http.createServer(function onRequest (req, res) {
    //路由
    var pathname = url.parse(req.url).pathname;
    if(pathname == &#39;/addStudent&#39;){
        //拿到GET请求参数，就是拿到地址栏中的东西。
        var queryJSON = url.parse(req.url,true).query;
        var data = `姓名：${queryJSON.name}\r\n年龄：${queryJSON.age}\r\n性别：${queryJSON.sex}\r\n`;
        fs.writeFile(`./student_data/${queryJSON.name}.txt`,data,(err) => {//判断如果是addStudent这个接口，会获得数据后自动生成一个txt文件
            //console.log(err);
            //返回状态码
            if(err){
                res.end(&#39;cuowu&#39;);
            }else{
                res.end(&#39;ok&#39;);
            }
        })
        return;
    }
    serve(req, res, finalhandler(req, res))
})

// Listen
server.listen(3000)

La dernière étape consiste à ouvrir votre terminal, trouver le répertoire où se trouve get.js puis

node get.js

Ce petit le projet est Il fonctionnera sur votre port 3000

Comment implémenter une simple requête GET dans Nodejs

Les données sont stockées dans ce dossier

Comment implémenter une simple requête GET dans Nodejs

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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!

node.js json html npm Static public JS

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Explication détaillée de la façon d'effectuer la reconnaissance vocale dans les applications JSArticle suivant：Explication détaillée de la façon d'effectuer la reconnaissance vocale dans les applications JS

Articles Liés

Voir plus