How to implement a simple GET request in Nodejs-JS Tutorial-php.cn

How to implement a simple GET request in Nodejs

青灯夜游

Release： 2021-06-25 10:03:07

forward

3499 people have browsed it

This article will introduce to you Node.jsHow to implement a simple GET request. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

How to implement a simple GET request in Nodejs

[Recommended study: "nodejs Tutorial"]

The identification of GET requests is very simple, it is the URL. To identify, use url.parse(req.url,true).query

Let’s take a look at the directory first

How to implement a simple GET request in Nodejs

##public The index.html file under

<!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>

Copy after login

package.json file

installs these two dependencies (execute these two commands first)

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

Then automatically generate the following package.json file

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

Copy after login

The most 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)

Copy after login

The last step is to open your terminal, find the directory where get.js is located and then

node get.js

Copy after login

This small project will It will run on your 3000 port

How to implement a simple GET request in Nodejs

The data is stored in this folder

How to implement a simple GET request in Nodejs

For more programming-related knowledge, please visit:

programming video! !

The above is the detailed content of How to implement a simple GET request in Nodejs. For more information, please follow other related articles on the PHP Chinese website!