快捷導(dǎo)航

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

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

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

前言：http 請求概述

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

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

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

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

第二步：server 端接收到 http 請求，處理并返回；

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

nodejs 處理 get 請求

簡單的 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 // 獲取請求的 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)建一個 server。該方法接收一個函數(shù)，返回一個 server 對象。

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

測試一下

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

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

再看下終端：

nodejs 處理 post 請求

簡單的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~~~')