Node 第三方中间件

最新推荐文章于 2023-09-01 16:29:37 发布

人生海海丶

最新推荐文章于 2023-09-01 16:29:37 发布

阅读量280

点赞数

分类专栏： Node ajax

本文链接：https://blog.csdn.net/stayreal_OA/article/details/102467927

版权

Node 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

ajax

3 篇文章 0 订阅

订阅专栏

有关第三方中间件，这里我们分析几个比较重要和常用的，知道这几个的使用，其它的也就会了。

http://www.expressjs.com.cn/resources/middleware.html

body-parser ：解析body中的数据，并将其保存为Request对象的body属性。

cookie-parser ：解析客户端cookie中的数据，并将其保存为Request对象的cookie属性

express-session ：解析服务端生成的sessionid对应的session数据，并将其保存为Request对象的session属性

query：这个中间件将一个查询字符串从URL转换为JS对象，并将其保存为Request对象的query属性。这个中间件在第四个版本中已经内置了无需安装。

使用body-parser插件解析post请求的表单数据

使用body-parser插件解析ajax请求的json数据

1. app.js

使用body-parser插件解析post请求的表单数据

npm install body-parser

const express = require('express');
const app = express();
const bodyParser = require('body-parser')

// 挂载内置中间件
app.use(express.static('public'));

// 挂载参数处理中间件（post）
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));

// 处理get提交参数
app.get('/login',(req,res)=>{
    let data = req.query;
    console.log(data);
    res.send('get data');
});

// 处理post提交参数
app.post('/login',(req,res)=>{
    let data = req.body;
    // console.log(data);
    if(data.username == 'admin' && data.password == '123'){
        res.send('success');
    }else{
        res.send('failure');
    }
});

app.listen(3000,()=>{
    console.log('running...');
});

使用body-parser插件解析ajax请求的json数据

1. app.js

const express = require('express');
const app = express();
const bodyParser = require('body-parser')
// 挂载内置中间件
app.use(express.static('public'));

// 挂载参数处理中间件（post）
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());

// 处理get提交参数
app.get('/login',(req,res)=>{
    let data = req.query;
    console.log(data);
    res.send('get data');
});

// 处理post提交参数
app.post('/login',(req,res)=>{
    let data = req.body;
    // console.log(data);
    if(data.username == 'admin' && data.password == '123'){
        res.send('success');
    }else{
        res.send('failure');
    }
});

app.put('/login',(req,res)=>{
    res.end('put data');
});

app.delete('/login',(req,res)=>{
    res.end('delete data');
});

app.listen(3000,()=>{
    console.log('running...');
});

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(function(){
        $('#btn').click(function(){
            var obj = {
                username : $('#username').val(),
                password : $('#password').val()
            }
            $.ajax({
                //type : 'get',
                type : 'post',
                //type : 'put',
                //type : 'delete',
                url : 'http://localhost:3000/login',
                contentType : 'application/json',
                dataType : 'text',
                // data : $('form:eq(0)').serialize(),
                data : JSON.stringify(obj),
                success : function(data){
                    console.log(data);
                }
            });
        });
    }); 
    </script>
</head>
<body>
    <form action="http://localhost:3000/login" method="get">
        用户名：<input type="text" name="username" id="username"><br>
        密  码：<input type="password" name="password" id="password"><br>
        <input type="button" id="btn" value="提交">
    </form>
</body>
</html>

人生海海丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node 第三方中间件

有关第三方中间件，这里我们分析几个比较重要和常用的，知道这几个的使用，其它的也就会了。http://www.expressjs.com.cn/resources/middleware.htmlbody-parser ：解析body中的数据，并将其保存为Request对象的body属性。cookie-parser ：解析客户端cookie中的数据，并将其保存为Request对象的cook...
复制链接

扫一扫