iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >node.js中get和post接口教程
  • 204
分享到

node.js中get和post接口教程

2024-04-02 19:04:59 204人浏览 独家记忆
摘要

目录接口传参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来决定。

Snipaste_2022-04-29_19-19-31.png

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

  • 使用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 内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: node.js中get和post接口教程

本文链接: https://www.lsjlt.com/news/149778.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • node.js中get和post接口教程
    目录接口传参express写get接口get无传参的最简单get有传参post请求post传递普通键值对post传递JSON格式post接口-form-data文件上传接口传参 我们...
    99+
    2024-04-02
  • node.js的get和post接口怎么使用
    本篇内容主要讲解“node.js的get和post接口怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node.js的get和post接口怎么使用”吧!接口传参我们使用ajax请求向服务器...
    99+
    2023-06-30
  • Node.js如何发起get和post请求
    这篇文章主要介绍了Node.js如何发起get和post请求的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Node.js如何发起get和post请求文章都会有所收获,下面我们一起来看看吧。1、get由于get请...
    99+
    2023-07-04
  • Node.js中怎么发起get/post请求
    Node.js中怎么发起get/post请求,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1、get由于get请求的参数在ur...
    99+
    2024-04-02
  • php中post和get的区别
    post 和 get 是 php 中两种 http 方法,用于向服务器提交数据。主要区别在于:post 将数据隐藏在请求主体中,而 get 将数据附加到请求 url 中。此外,post ...
    99+
    2024-04-27
    敏感数据
  • Node.js中的HTTP Server对象与GET、POST请求
    上一博客学习了请求与响应,2次读2次写,但有一个问题就是客户端写入的时候怎么知道请求到达。所以HTTP Server对象出现了。它提供了实现HTTP服务器的基本框架。它可以...
    99+
    2024-04-02
  • golang接收post和get请求参数处理
    目录1、golang中获取请求接口中数据(GET)方式一: API参数 ctx.Param(name string)或者ctx.Params.ByName(name string)方...
    99+
    2023-03-08
    golang post和get请求 golang post get
  • Java中Get和Post如何使用
    本文小编为大家详细介绍“Java中Get和Post如何使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“Java中Get和Post如何使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1 Get请求数据1.1 ...
    99+
    2023-07-04
  • jQuery中$.get和$.post有什么区别
    这篇文章给大家介绍jQuery中$.get和$.post有什么区别,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多...
    99+
    2023-06-14
  • Node.js的路由、EJS模板引擎、GET和POST请求讲解
    1、路由 官方解释: 路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET、POST 等)组成的,涉及到应用如何响应客户端对某个网站节点的访问。 ...
    99+
    2024-04-02
  • ajax中post和get有哪些区别
    本篇内容主要讲解“ajax中post和get有哪些区别”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ajax中post和get有哪些区别”吧! ...
    99+
    2024-04-02
  • Python中的GET和POST方法怎么用
    今天小编给大家分享一下Python中的GET和POST方法怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。使用GET方法...
    99+
    2023-06-27
  • Java中POST、GET、@RequestBody和@RequestParam区别详析
    目录@RequestParam@RequestBody后端解析json数据POST请求时总结参考:@RequestParam 注解@RequestParam接收的参数是来自HTTP请...
    99+
    2022-11-13
    post get区别 @requestbody和@requestparam区别
  • 微信小程序如何封装get和post
    这篇“微信小程序如何封装get和post”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序如何封装get和post”文...
    99+
    2023-06-26
  • golang接收post和get请求参数如何处理
    这篇文章主要讲解了“golang接收post和get请求参数如何处理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“golang接收post和get请求参数如何处理”吧!1、golang中获取...
    99+
    2023-07-05
  • Node.js的路由、EJS模板引擎、GET和POST请求实例分析
    本篇内容介绍了“Node.js的路由、EJS模板引擎、GET和POST请求实例分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1、路由官方...
    99+
    2023-07-02
  • NodeJS中怎么收发GET和POST请求
    NodeJS中怎么收发GET和POST请求,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一 express框架接收app.get('...
    99+
    2024-04-02
  • jquery中get和post方法有哪些区别
    这篇文章给大家分享的是有关jquery中get和post方法有哪些区别的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 区别:1、get中数据是在URL...
    99+
    2024-04-02
  • 如何在php中使用get和Post方法
    如何在php中使用get和Post方法?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。get方式的安全性比Post方式差,但是,执行效率比Post方法好。如果包括机密信息,建...
    99+
    2023-06-15
  • HTTP协议中请求方法的Get和Post
    HTTP协议中请求方法Get和Post的区别是什么?Get:是以实体的方式得到由请求URI所指定资源的信息,如果请求URI只是一个数据产生过程,那么最终要在响应实体中返回的是处理过程的结果所指向的资源,而不是处理过程的描述。 Post:用来...
    99+
    2023-06-03
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作