快捷導(dǎo)航

nodejs處理http請(qǐng)求實(shí)例詳解之get和post

更新時(shí)間：2023年01月24日 08:19:09 作者：狗狗的仙女大人

最近一段時(shí)間在學(xué)習(xí)前端向服務(wù)器發(fā)送數(shù)據(jù)和請(qǐng)求數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于nodejs處理http請(qǐng)求實(shí)例詳解之get和post的相關(guān)資料,需要的朋友可以參考下

前言：http 請(qǐng)求概述

從一個(gè)經(jīng)典的面試題入手，簡單了解下 http 請(qǐng)求：

Q: 從瀏覽器輸入 url 到頁面顯示的整個(gè)過程？

第一步：DNS 解析，建立 TCP 連接，發(fā)送 http 請(qǐng)求，簡單來講就是——

先進(jìn)行 DNS 解析，即通過域名解析到對(duì)應(yīng)的 ip 地址；
找到 ip 地址后，建立 TCP 連接，即三次握手—— 第一次，客戶端詢問服務(wù)器是否可用；第二次，服務(wù)端告訴客戶端自己可用；第三次，客戶端表示知道了，接下來即將訪問；
然后再去發(fā)送http請(qǐng)求；

第二步：server 端接收到 http 請(qǐng)求，處理并返回；

第三步：客戶端接收到返回的數(shù)據(jù)，處理數(shù)據(jù)（如渲染頁面，執(zhí)行js）

nodejs 處理 get 請(qǐng)求

簡單的 demo

const http = require('http')
const querystring = require('querystring')

// GET
const server = http.createServer((req, res) => {
    console.log('req.method:', req.method) // GET
    const url = req.url // 獲取請(qǐng)求的 url
    req.query = querystring.parse(url.split('?')[1]) // 解析 querystring
    res.end(JSON.stringify(req.query)) // 將 querystring 返回
})
server.listen(8000)
console.log('GET OK~~~')

通過 require(‘http’) 獲取 Nodejs 原生提供的 http 模塊。

通過 http.createServer 創(chuàng)建一個(gè) server。該方法接收一個(gè)函數(shù)，返回一個(gè) server 對(duì)象。

req：客戶端傳過來的信息
res: 服務(wù)端要返回的數(shù)據(jù)
res.end：結(jié)束并返回?cái)?shù)據(jù)。只能發(fā)送 Buffer 或 String 類型的數(shù)據(jù)
querystring：nodejs 自帶的模塊。
querystring.parse: 將字符串轉(zhuǎn)換為對(duì)象。比如：hobby=baba&name=gougou會(huì)被轉(zhuǎn)為{"hobby":"baba","name":"gougou"}
server.listen(path, [callback])：在指定路徑監(jiān)聽。異步。

測(cè)試一下

我們可以通過 node 文件名 的方式運(yùn)行我們的代碼：

然后可以去瀏覽器測(cè)試一下：訪問localhost:8000，然后模擬 get 請(qǐng)求，看是否能返回 querystring 的內(nèi)容。

再看下終端：

nodejs 處理 post 請(qǐng)求

簡單的demo

const http = require('http')

const server = http.createServer((req, res) => {
    console.log('req content-type:', req.headers['content-type'])
    let postData = '' // 存放客戶端傳來的數(shù)據(jù)
    req.on('data', chunk => {
        console.log('chunk', chunk) // 二進(jìn)制格式
        postData += chunk.toString() // 將二進(jìn)制格式轉(zhuǎn)成字符串格式，拼接到 postData 上
    })
    req.on('end', () => {
        console.log('postData:', postData)
        res.end('芽~~~~~~~狗狗來啦！')
    })
})
server.listen(8000)
console.log('POST OK~~~')

req.on('data'， callback）：接受客戶端傳來的數(shù)據(jù)，以數(shù)據(jù)流的方式。
chunk：二進(jìn)制格式，可通過toString轉(zhuǎn)成字符串格式。

測(cè)試一下

post 請(qǐng)求我們可以使用 postman 工具來調(diào)試。如圖（使用方式見圖就一目了然了，就不一一贅述了）：

點(diǎn)擊 send 發(fā)送請(qǐng)求后，可以看下終端：

補(bǔ)充：postman

Postman 是一款常用的接口調(diào)試工具，可以發(fā)送幾乎所有類型的 HTTP 請(qǐng)求。
我們?cè)趯W(xué)習(xí)和使用 nodejs 的過程中，可以借助它來調(diào)試接口。

postman 的下載

可以在 chrome 上安裝擴(kuò)展程序（前提是能連接到谷歌商店）

可以下載安裝 postman 客戶端工具。

總結(jié)

到此這篇關(guān)于nodejs處理http請(qǐng)求實(shí)例詳解之get和post的文章就介紹到這了,更多相關(guān)nodejs處理http請(qǐng)求get和post內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: