JS系列之url編碼

TerryCai 發(fā)布于2019-08-23 13:12 / 552人閱讀

摘要：它是現(xiàn)今最通用的單字節(jié)編碼系統(tǒng)，并等同于國際標(biāo)準(zhǔn)。如果組件中含有分隔符，比如和，則應(yīng)當(dāng)使用方法分別對各組件進(jìn)行編碼

ASCII 字符

ASCII（American Standard Code for Information Interchange，美國信息互換標(biāo)準(zhǔn)代碼）是基于拉丁字母的一套電腦編碼系統(tǒng)。它主要用于顯示現(xiàn)代英語和其他西歐語言。它是現(xiàn)今最通用的單字節(jié)編碼系統(tǒng)，并等同于國際標(biāo)準(zhǔn)ISO/IEC 646。

以下是部分ASCII碼對照表：

為什么需要對URI進(jìn)行編碼

對于Url來說，之所以要進(jìn)行編碼，是因?yàn)閁rl中有些字符會引起歧義。

Javascript中提供了3對函數(shù)用來對Url編碼以得到合法的Url：

escape --> unescape

encodeURI --> decodeURI

encodeURIComponent --> decodeURIComponent

下面的表格列出了這三個函數(shù)的安全字符（即函數(shù)不會對這些字符進(jìn)行編碼）:

escape --> unescape

不對 ASCII 字母、數(shù)字進(jìn)行編碼

不對 *@-_+./ 進(jìn)行編碼

其他所有的字符都會被轉(zhuǎn)義序列替換

這個方法屬于過時(shí)產(chǎn)物，ECMAScript v3 反對使用該方法，應(yīng)用使用 encodeURI() 和 encodeURIComponent() 替代它。

encodeURI --> decodeURI

不對 ASCII 字母和數(shù)字進(jìn)行編碼。

不對 -_.!~*"();/?:@&=+$,# 這20個ASCII 標(biāo)點(diǎn)符號進(jìn)行編碼。

其他所有的字符都會被轉(zhuǎn)義序列替換

encodeURIComponent --> decodeURIComponent

它跟encodeURI的區(qū)別就是，encodeURI是對整個url進(jìn)行編碼，而encodeURIComponent是對url的個別部分進(jìn)行編碼。
如果 URI 組件中含有分隔符，比如 ? 和 #，則應(yīng)當(dāng)使用 encodeURIComponent() 方法分別對各組件進(jìn)行編碼

encodeURIComponent("http://www.baidu.com?name=zhang@xiao@jie&order=1");
// http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1

GPU云服務(wù)器云服務(wù)器系列之系列之二架構(gòu)之坑系列 url編碼問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/99290.html

相關(guān)文章

JS系列之目錄

摘要：設(shè)計(jì)模式資源整理操作符小知識點(diǎn)實(shí)現(xiàn)發(fā)郵件功能數(shù)據(jù)結(jié)構(gòu)與算法資源整理跨域函數(shù)的合成與柯里化系列之防抖節(jié)流系列之正則系列之系列之系列之編碼系列之系列之操作符對象中的坐標(biāo)檢測對象或數(shù)組系列之機(jī)制系列之構(gòu)造對象系列之總結(jié)系列之淺復(fù)制與深復(fù)制系列之對 Javascript設(shè)計(jì)模式資源整理JS操作符JS小知識點(diǎn)JS實(shí)現(xiàn)發(fā)郵件功能數(shù)據(jù)結(jié)構(gòu)與算法資源整理跨域函數(shù)的合成與柯里化JS系列之防抖節(jié)流JS系列...

AaronYuan 2019-08-23 14:39 評論0 收藏0
前端必知必會HTTP請求系列（三）HTTP報(bào)文內(nèi)的http信息

摘要：報(bào)文用于協(xié)議交互的信息被稱為報(bào)文?，F(xiàn)在出現(xiàn)的各種首部字段及狀態(tài)碼稍后會闡述。狀態(tài)碼響應(yīng)報(bào)文包含了多個范圍的內(nèi)容使用。如果服務(wù)器無法響應(yīng)范圍請求，則會返回狀態(tài)碼和完整的實(shí)體內(nèi)容。 showImg(https://segmentfault.com/img/bVbthNL?w=900&h=500); http報(bào)文用于HTTP協(xié)議交互的信息被稱為HTTP報(bào)文。請求端的http報(bào)文叫做請求報(bào)文...

Invoker 2019-08-23 17:51 評論0 收藏0
JS魔法堂:不完全國際化&本地化手冊之拓展篇

摘要：前言最近加入到新項(xiàng)目組負(fù)責(zé)前端技術(shù)預(yù)研和選型，其中涉及到一個熟悉又陌生的需求國際化本地化。因此不是表示存在多個選擇而是表示沒有適合的選項(xiàng)。前言 ?最近加入到新項(xiàng)目組負(fù)責(zé)前端技術(shù)預(yù)研和選型，其中涉及到一個熟悉又陌生的需求——國際化＆本地化。熟悉的是之前的項(xiàng)目也玩過，陌生的是之前的實(shí)現(xiàn)僅僅停留在有的階段而已。趁著這個機(jī)會好好學(xué)習(xí)整理一下，為后面的技術(shù)選型做準(zhǔn)備。?本篇作為系列的最后一篇，...

Karuru 2019-08-20 11:21 評論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
前端安全系列：XSS篇

摘要：系列文章前端安全系列篇前端安全系列篇攻擊全稱跨站腳本攻擊，為不和層疊樣式表的縮寫混淆，故將跨站腳本攻擊縮寫為，是一種在應(yīng)用中的計(jì)算機(jī)安全漏洞，它允許惡意用戶將代碼植入到提供給其它用戶使用的頁面中。系列文章: 前端安全系列：XSS篇前端安全系列：CSRF篇 XSS攻擊全稱跨站腳本攻擊，為不和層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆，故將跨站腳本攻...

xiaolinbang 2019-08-26 10:35 評論0 收藏0