JS系列之url編碼

TerryCai 發布于2019-08-23 13:12 / 495人閱讀

摘要：它是現今最通用的單字節編碼系統，并等同于國際標準。如果組件中含有分隔符，比如和，則應當使用方法分別對各組件進行編碼

ASCII 字符

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

以下是部分ASCII碼對照表：

為什么需要對URI進行編碼

對于Url來說，之所以要進行編碼，是因為Url中有些字符會引起歧義。

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

escape --> unescape

encodeURI --> decodeURI

encodeURIComponent --> decodeURIComponent

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

escape --> unescape

不對 ASCII 字母、數字進行編碼

不對 *@-_+./ 進行編碼

其他所有的字符都會被轉義序列替換

這個方法屬于過時產物，ECMAScript v3 反對使用該方法，應用使用 encodeURI() 和 encodeURIComponent() 替代它。

encodeURI --> decodeURI

不對 ASCII 字母和數字進行編碼。

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

其他所有的字符都會被轉義序列替換

encodeURIComponent --> decodeURIComponent

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

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

GPU云服務器云服務器系列之系列之二架構之坑系列 url編碼問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99290.html

JS系列之目錄

摘要：設計模式資源整理操作符小知識點實現發郵件功能數據結構與算法資源整理跨域函數的合成與柯里化系列之防抖節流系列之正則系列之系列之系列之編碼系列之系列之操作符對象中的坐標檢測對象或數組系列之機制系列之構造對象系列之總結系列之淺復制與深復制系列之對 Javascript設計模式資源整理JS操作符JS小知識點JS實現發郵件功能數據結構與算法資源整理跨域函數的合成與柯里化JS系列之防抖節流JS系列...

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

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

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

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

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

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

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

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

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