快捷導(dǎo)航

node.js中g(shù)et和post接口教程

更新時(shí)間：2022年05月26日 10:16:41 作者：??pain_past_is_pleasur????

這篇文章主要介紹了node.js中g(shù)et和post接口學(xué)習(xí)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下

接口傳參

我們使用ajax請求向服務(wù)器接口傳參，按http協(xié)議的約定，每個(gè)請求都有三個(gè)部分：

請求行：保存了請求方式，地址，可以以查詢字符串的格式附加一部分?jǐn)?shù)據(jù)。
請求頭：它可以附加很多信息，其中content-type用來約定請求體中保存的數(shù)據(jù)格式。 content-type常見有三種取值：

content-type的值	表示請求體的數(shù)據(jù)格式	示例
application/x-www-form-urlencode	普通鍵值對(duì)象	a=2&c=1
application/json	json對(duì)象	{a:1,b:{c:1}}
multipart/form-data	上傳文件	file

請求體: 本次請求攜帶的參數(shù)。至于這些參數(shù)到了后端應(yīng)該如何解析出來，由請求頭中的content-type來決定。

方法一：請求行。常見方式如下：

使用ajax技術(shù)，通過get方式傳參。
在瀏覽器地址欄中輸入接口地址并補(bǔ)充上查詢字符串。

方法二：請求體

ajax中的post, put, delete可以從請求體中進(jìn)行傳參。

另外，請求頭中的content-type用來告之服務(wù)器應(yīng)該以何種方式去解析請求體中的數(shù)據(jù)。

express寫get接口

express的使用可以看這個(gè):node.js三個(gè)步驟實(shí)現(xiàn)一個(gè)服務(wù)器及Express包使用

get無傳參的最簡單

const express = require('express');
const app = express();
app.get('/get', function(req, res) {
  // 直接返回對(duì)象
  res.send({ name: '小杜' });
});
app.listen('8001', () => {
  console.log('服務(wù)器啟動(dòng)成功');
});

get有傳參

express框架會(huì)自動(dòng)收集get類型的接口從url地址中傳遞的查詢字符串參數(shù)，并自動(dòng)保存在req對(duì)象的query屬性中。我們直接來獲取即可。

const express = require('express');
const app = express();
app.get('/get', function(req, res) {
  // 直接返回對(duì)象
  console.log(req.query);
  res.send({ name: 'abc' });
});
app.listen('8001', () => {
  console.log('服務(wù)器啟動(dòng)成功');
});

post請求

post傳遞普通鍵值對(duì)

const express = require('express');
const app = express();
// 1. 使用中間件
app.use(express.urlencoded());

app.post("/add",function(req,res){
    //2. 可以通過req.body來獲取post傳遞的鍵值對(duì)	
    res.send(req.body)
app.listen('8001', () => {
  console.log('服務(wù)器啟動(dòng)成功');
});
})

post傳遞JSON格式

const express = require('express');
const app = express();
// 1. 使用中間件
app.use(express.json());

app.post("/postJSON",function(req,res){
    //2. 可以通過req.body來獲取post傳遞的鍵值對(duì)	
    res.send(req.body)
app.listen('8001', () => {
  console.log('服務(wù)器啟動(dòng)成功');
});
})

post接口-form-data文件上傳

如果post涉及文件上傳操作，則需要在服務(wù)器端額外使用第三方multer這個(gè)包（不屬于express）來獲取上傳的信息。

Multer 是一個(gè) node.js 中間件，用于處理 multipart/form-data 類型的表單數(shù)據(jù)，它主要用于上傳文件。

1.安裝

npm i multer

2.使用

// 1. 引入包
const multer = require('multer');
// 2. 配置
const upload = multer({dest:'uploads/'}) // 上傳的文件會(huì)保存在這個(gè)目錄下
// uploads表示一個(gè)目錄名，你也可以設(shè)置成其它的
// 3. 使用
// 這個(gè)路由使用第二個(gè)參數(shù) .upload.single表示單文件上傳， 'cover' 表示要上傳的文件在本次上次數(shù)據(jù)中的鍵名。對(duì)應(yīng)于前端頁面上的：
//  <input type="file" name='cover'/>
app.post('/publish', upload.single('cover'), (req, res) => {
  console.log('接收到的參數(shù)是', req.file, req.body);
  res.send({ message: "ok" })
})
app.listen(8001, () => {
  console.log('8001');
})

說明：