本篇内容主要讲解“node.js的get和post接口怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node.js的get和post接口怎么使用”吧!接口传参我们使用ajax请求向服务器
本篇内容主要讲解“node.js的get和post接口怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node.js的get和post接口怎么使用”吧!
我们使用ajax请求向服务器接口传参,按Http协议的约定,每个请求都有三个部分:
请求行: 保存了请求方式,地址,可以以查询字符串的格式附加一部分数据。
请求头:它可以附加很多信息,其中content-type用来约定请求体中保存的数据格式。 content-type常见有三种取值:
content-type的值 | 表示请求体的数据格式 | 示例 |
---|---|---|
application/x-www-fORM-urlencode | 普通键值对象 | a=2&c=1 |
application/JSON | json对象 | {a:1,b:{c:1}} |
multipart/form-data | 上传文件 | file |
请求体: 本次请求携带的参数。至于这些参数到了后端应该如何解析出来,由请求头中的content-type来决定。
方法一:请求行。常见方式如下:
使用ajax技术,通过get方式传参。
在浏览器地址栏中输入接口地址并补充上查询字符串。
方法二:请求体
ajax中的post, put, delete可以从请求体中进行传参。
另外,请求头中的content-type用来告之服务器应该以何种方式去解析请求体中的数据。
express的使用可以看这个:node.js三个步骤实现一个服务器及Express包使用
const express = require('express');const app = express();app.get('/get', function(req, res) { // 直接返回对象 res.send({ name: '小杜' });});app.listen('8001', () => { console.log('服务器启动成功');});
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('服务器启动成功');});
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('服务器启动成功');});})
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涉及文件上传操作,则需要在服务器端额外使用第三方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接口怎么使用”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
--结束END--
本文标题: node.js的get和post接口怎么使用
本文链接: https://lsjlt.com/news/330193.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0