搜尋
首頁web前端js教程NodeJS學習筆記之(Url,QueryString,Path)模組_node.js

一,開頭分析

這篇文章把這三個模組拿來一起說,原因是它們各自的篇幅都不是很長,其次是它們之間存在著依賴關係,所以依次介紹並且實例分析。廢話不多說了,請看下面文檔:

(1),"Url模組"

  來個小栗子:  

複製程式碼 程式碼如下:

 var url = require('url');
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 console.log(typeof url.parse(queryUrl)) ;
 console.log(url.parse(queryUrl)) ;

  運行結果: 

複製程式碼 程式碼如下:

 object // typeof
 
 {
     protocol: 'http:',
     slashes: true,
     auth: null,
     host: 'localhost:8888',
     port: '8888',
     hostname: 'localhost',
     hash: null,
     search: '?name=bigbear&memo=helloworld',
     query: 'name=bigbear&memo=helloworld',
     pathname: '/bb',
     path: '/bb?name=bigbear&memo=helloworld',
     href: 'http://localhost:8888/bb?name=bigbear&memo=helloworld'
 }

 加以說明如下:  

  protocol: 請求協定
  host: URL主機名稱已全部轉換成小寫, 包括連接埠資訊
  auth:URL中驗證資訊部分
  hostname:主機的主機名稱部分, 已轉換成小寫
  port: 主機的連接埠號碼部分
  pathname: URL的路徑部分,位於主機名稱之後請求查詢之前
  search: URL 的「查詢字串」部分,包括開頭的問號。
  path: pathname 和 search 連在一起。
  query: 查詢字串中的參數部分(問號後面部分字串),或使用 querystring.parse() 解析後傳回的物件。
  hash: URL 的 “#” 後面部分(包括 # 符號)

 補充api:"url.format(urlObj)"
  

  作用:輸入一個 URL 對象,傳回格式化後的 URL 字串。

(2),"QueryString模組"

  "QueryString" 模組用來實作URL參數字串與參數物件的互相轉換,來個栗子,如下圖:

複製程式碼 程式碼如下:

 var url = require('url');
 var qs = require('querystring');
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 queryUrl = url.parse(queryUrl).query ;
 console.log(queryUrl) ;
 console.log(qs.parse(queryUrl)) ;

  運行結果·如下:

複製程式碼 程式碼如下:

    name=bigbear&memo=helloworld
    {
      name: 'bigbear',
      memo: 'helloworld'
    }

  補充api:

  querystring.stringify(obj, [sep], [eq])------序列化一個物件到一個 query string。

  可以選擇是否覆寫預設的分割符('&')和分配符('=')。            

  querystring.stringify({foo: 'bar', baz: 'qux'}, ';', ':')// 傳回以下字串'foo:bar;baz:qux'

  querystring.parse(str, [sep], [eq], [options])------將一個 query string 反序列化為一個物件。可以選擇是否要覆寫預設的分割符('&')和分配符('=')。
  
  options物件可能包含maxKeys屬性(預設為1000),它可以用來限制處理過的鍵(key)的數量.設為0可以去除鍵(key)的數量限制.
  
  範例:querystring.parse('foo=bar&baz=qux&baz=quux&corge') // { foo: 'bar', baz: ['qux', 'quux'], corge: '' }

(3),"Path模組"

  本模組包含一套用於處理和轉換檔案路徑的工具集。幾乎所有的方法僅對字串進行轉換, 檔案系統是不會檢查路徑是否真實有效的。

  先來一個簡單的栗子:    

複製程式碼 程式碼如下:

 var url = require('url');
 var qs = require('querystring');
 var path = require("path") ;
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 var root = path.basename(queryUrl) ;
 console.log(root) ; // bb?name=bigbear&memo=helloworld

  返迴路徑中的最後一部分,以」/「分割。

複製程式碼 程式碼如下:

 var url = require('url');
 var qs = require('querystring');
 var path = require("path") ;
 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld" ;
 var root = path.basename(queryUrl) ;
 console.log(root) ; // bb?name=bigbear&memo=helloworld
 var ext = path.extname(root) ;
 console.log(ext || "Not Ext Name !") ; // Not Ext Name !

  由於api過多,以上只列出來了常用的幾個,大家需認真閱讀文件。

二,綜合栗子

場景描述------伺服器接到不同情況的請求,透過 “Url” 分別做不同處理,程式碼如下:

  (1),建立」index.html「  

複製程式碼 程式碼如下:

 
 
    
         大熊標題>
        
        
        

     身體>
 

(2),建立」index.js「

alert("你好,bb!") ; // 為了測試這麼一段程式碼
  (3),建立「server.js」

複製程式碼程式碼如下:

var http = require("http");
var fs = require('fs');
var url = require('url');
var path = require("path") ;
http.createServer(函數(請求,回應) {
    var method = request.method ;
    method = method.toLowerCase() ;
    var fileName = path.basename(request.url) ;
    var extName = path.extname(檔案名稱) ;
    var root = "./" ;
    if("get" == 方法){
        if(extName){
            fs.readFile("./" 檔案名稱,"utf-8",function (error,data){
                if(error)且拋出錯誤;
                回應.writeHead(200,{
                   「內容類型」:{
                         ".css": "文字/css" ,
                        且「.js」:「應用程式/javascript」
                  }[副名]
                }) ;
                回應.write(資料);
                回應.end() ;
            });
        }
        其他{
            fs.readFile(root "index.html","utf-8",function (error,data){
                if(error)且拋出錯誤;
                回應.writeHead(200,{
                    「內容類型」:「文字/html」
                });
                回應.write(資料);
                回應.end() ;
            });
        }
    }
    else if("post" == request.url){
        // 在這裡處理貼文
    }
}).聽(8888) ;
console.log("Web 伺服器正在運行,連接埠開啟 ---> 8888") ;

 
  node server.js 運行了一下。

三,總結一下

(1),理解上述三個模組之間的聯繫,靈活使用。 (2),熟練使用「Url,QueryString,Path」三個相關模組的api。
(3),最後強調:理解上面例子中的程式碼佈局,不斷重構,不斷總結。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

火了!新的JavaScript运行时:Bun,性能完爆Node火了!新的JavaScript运行时:Bun,性能完爆NodeJul 15, 2022 pm 02:03 PM

今天跟大家介绍一个最新开源的 javaScript 运行时:Bun.js。比 Node.js 快三倍,新 JavaScript 运行时 Bun 火了!

nodejs中lts是什么意思nodejs中lts是什么意思Jun 29, 2022 pm 03:30 PM

在nodejs中,lts是长期支持的意思,是“Long Time Support”的缩写;Node有奇数版本和偶数版本两条发布流程线,当一个奇数版本发布后,最近的一个偶数版本会立即进入LTS维护计划,一直持续18个月,在之后会有12个月的延长维护期,lts期间可以支持“bug fix”变更。

聊聊Node.js中的多进程和多线程聊聊Node.js中的多进程和多线程Jul 25, 2022 pm 07:45 PM

大家都知道 Node.js 是单线程的,却不知它也提供了多进(线)程模块来加速处理一些特殊任务,本文便带领大家了解下 Node.js 的多进(线)程,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

深入浅析Nodejs中的net模块深入浅析Nodejs中的net模块Apr 11, 2022 pm 08:40 PM

本篇文章带大家带大家了解一下Nodejs中的net模块,希望对大家有所帮助!

怎么获取Node性能监控指标?获取方法分享怎么获取Node性能监控指标?获取方法分享Apr 19, 2022 pm 09:25 PM

怎么获取Node性能监控指标?本篇文章来和大家聊聊Node性能监控指标获取方法,希望对大家有所帮助!

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具