node.js中get和post接口教程

Nyako ·
更新时间:2024-11-13
· 635 次阅读

目录

接口传参

express写get接口

get无传参的最简单

get有传参

post请求

post传递普通键值对

post传递JSON格式

post接口-form-data文件上传

接口传参

我们使用ajax请求向服务器接口传参,按http协议的约定,每个请求都有三个部分:

请求: 保存了请求方式,地址,可以以查询字符串的格式附加一部分数据。

请求:它可以附加很多信息,其中content-type用来约定请求体中保存的数据格式。 content-type常见有三种取值:

content-type的值表示请求体的数据格式示例
application/x-www-form-urlencode普通键值对象a=2&c=1
application/jsonjson对象{a:1,b:{c:1}}
multipart/form-data上传文件file

请求:  本次请求携带的参数。至于这些参数到了后端应该如何解析出来,由请求头中的content-type来决定。

方法一:请求行。常见方式如下:

使用ajax技术,通过get方式传参。

在浏览器地址栏中输入接口地址并补充上查询字符串。

方法二:请求体

ajax中的post, put, delete可以从请求体中进行传参。

另外,请求头中的content-type用来告之服务器应该以何种方式去解析请求体中的数据。

express写get接口

express的使用可以看这个:node.js三个步骤实现一个服务器及Express包使用

get无传参的最简单 const express = require('express'); const app = express(); app.get('/get', function(req, res) { // 直接返回对象 res.send({ name: '小杜' }); }); app.listen('8001', () => { console.log('服务器启动成功'); }); get有传参

express框架会自动收集get类型的接口从url地址中传递的查询字符串参数,并自动保存在req对象的query属性中。我们直接来获取即可。

const express = require('express'); const app = express(); app.get('/get', function(req, res) { // 直接返回对象 console.log(req.query); res.send({ name: 'abc' }); }); app.listen('8001', () => { console.log('服务器启动成功'); }); post请求 post传递普通键值对 const express = require('express'); const app = express(); // 1. 使用中间件 app.use(express.urlencoded()); app.post("/add",function(req,res){ //2. 可以通过req.body来获取post传递的键值对 res.send(req.body) app.listen('8001', () => { console.log('服务器启动成功'); }); }) post传递JSON格式 const express = require('express'); const app = express(); // 1. 使用中间件 app.use(express.json()); app.post("/postJSON",function(req,res){ //2. 可以通过req.body来获取post传递的键值对 res.send(req.body) app.listen('8001', () => { console.log('服务器启动成功'); }); }) post接口-form-data文件上传

如果post涉及文件上传操作,则需要在服务器端额外使用第三方multer这个包(不属于express)来获取上传的信息。

Multer 是一个 node.js 中间件,用于处理 multipart/form-data 类型的表单数据,它主要用于上传文件。

1.安装

npm i multer

2.使用

// 1. 引入包 const multer = require('multer'); // 2. 配置 const upload = multer({dest:'uploads/'}) // 上传的文件会保存在这个目录下 // uploads表示一个目录名,你也可以设置成其它的 // 3. 使用 // 这个路由使用第二个参数 .upload.single表示单文件上传, 'cover' 表示要上传的文件在本次上次数据中的键名。对应于前端页面上的: // <input type="file" name='cover'/> app.post('/publish', upload.single('cover'), (req, res) => { console.log('接收到的参数是', req.file, req.body); res.send({ message: "ok" }) }) app.listen(8001, () => { console.log('8001'); })

说明:

如果当前目录下没有uploads,它会自动创建uploads这个文件夹

upload.single只是处理了文件的上传。你仍可以通过req.body来获取其它参数

到此这篇关于node.js中get和post接口学习的文章就介绍到这了,更多相关 node.js get和post 内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!



get node.js node js 教程 post

需要 登录 后方可回复, 如果你还没有账号请 注册新账号