当前位置：网站首页>Express get/post/delete... Request

Express get/post/delete... Request

2022-07-27 18:59:00 【venture to ask】

GET request

GET Request is to use NodeJS The built-in url Module to deal with , Use url.parse() Method

File directory stay 06 Folder

All requests are in 06 Under folder index.html send out , Data interaction

index.html In file Click the button to send get request

<body>
    <h2> Request content </h2>
    <p>
        <input type="button" id="btn1" value="express  send out get request ">
    </p>
    <p>
        <input type="button" id="btn2" value="express  send out post request ">
    </p>
    <p>
        <input type="button" id="btn3" value="express  send out delete request ">
    </p>
    <script src="./js/jquery.min.js"></script>
    <script>
        $("#btn1").click(function () {
            $.get("/get_data", {
                "id": 10001,
                "name": " Xiao Ming "
            }, function (data) {
                console.log(data)
            })
        })
    </script>
</body>

app.js

var express = require("express");
var app = express();
// introduce URL Built-in module 
var url = require("url");
// Static file 
app.use(express.static("public"))
app.get("/get_data",function (req,res) {
    let getData = url.parse(req.url,true).query;
    if(getData.id == "10001"){
        res.json({
            "name":" Xiao Ming ",
            "sex":" male ",
            "age":"25 year ",
            "score":"100"
        })
    }
    console.log(getData)
})
app.listen(3000);

explain ：

introduce URL Built in module for processing req.url Parameters
url.parse() The method is used to deal with url Request parameter
url.parse() The first parameter of the method req.url At present URL The parameters of the address
url.parse() The first parameter of the method true It means right url The resolution result of , If true Of analytical results query It's just one. JSON data , Otherwise, it would be url String parameter of

POST request

POST Request is to use npm Of formidable Module to deal with , adopt IncomingForm() Method to generate an instance of the form processing tool

POST The request parameters are carried on the uplink message , So we can't use url The module will deal with it again

With the help of npm Modules help us deal with

Installation dependency ：npm install --save formidable

.html Send a request

$("#btn2").click(function () {
    $.post("/sub_data", {
        "id": "10001",
        "name": " The small white ",
        "age": "18 year "
    }, function (data) {
        if (data.result == "success") {
            alert(" Submit successfully ")
        }
    })
})

app.js Processing requests

var express = require("express");
var app = express();
var formidable = require("formidable")

// Page static 
app.use(express.static("public"));

app.post("/sub_data",function (req,res) {
     // formidable There is one inside the object IncomingForm Method , Once being new After calling, an instance of the form processing tool will be returned 
    var form = new formidable.IncomingForm();
    // err It's the wrong message ,fields Represents the data source ,files Represents the file source 
    form.parse(req,function (err,fields,files) { 
        console.log(fields);
        res.json({"result":"success"})
    })
})
app.listen(3000)

fields Print result of

Request in other ways delete

express There are more than 20 kinds of requests , In addition to the usual GET and POST Besides the request , There are other requests that need to process parameters , Except GET Out of request , All request processing information can be used formidable To deal with , Methods and POST The same is true of requests

.html send out delete request

$("#btn3").click(function () {
    $.ajax({
        "url": "/del_data",
        "type": "delete",
        "data": {
            "id": "10001"
        },
        "success": function (data) {
            alert(data)
        },
        "error": function () {

        }
    })
})

app.js Processing requests

app.delete("/del_data",function (req,res) {
     // formidable There is one inside the object IncomingForm Method , Once being new After calling, an instance of the form processing tool will be returned 
    var form = new formidable.IncomingForm();
    // err It's the wrong message ,fields Represents the data source ,files Represents the file source 
    form.parse(req,function (err,fields,files) { 
        console.log(fields);
        res.send(` The student number is ${fields.id} Students deleted successfully `)
    })
})