如何區(qū)分escape好encodeURI以及encodeURIComponent

今天就跟大家聊聊有關(guān)如何區(qū)分escape好encodeURI以及encodeURIComponent，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元綏化做網(wǎng)站,已為上家服務(wù),為綏化各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

一、前言

講這3個(gè)方法區(qū)別的文章太多了，但是大部分寫的都很繞。本文試圖從實(shí)踐角度去講這3個(gè)方法。

二、escape和它們不是同一類

簡(jiǎn)單來說，escape是對(duì)字符串(string)進(jìn)行編碼(而另外兩種是對(duì)URL)，作用是讓它們?cè)谒须娔X上可讀。
編碼之后的效果是%XX或者%uXXXX這種形式。
其中 ASCII字母、數(shù)字、@*/+ ，這幾個(gè)字符不會(huì)被編碼，其余的都會(huì)。
最關(guān)鍵的是，當(dāng)你需要對(duì)URL編碼時(shí)，請(qǐng)忘記這個(gè)方法，這個(gè)方法是針對(duì)字符串使用的，不適用于URL。
事實(shí)上，這個(gè)方法我還沒有在實(shí)際工作中用到過，所以就不多講了。

三、最常用的encodeURI和encodeURIComponent

對(duì)URL編碼是常見的事，所以這兩個(gè)方法應(yīng)該是實(shí)際中要特別注意的。
它們都是編碼URL，唯一區(qū)別就是編碼的字符范圍，其中
encodeURI方法不會(huì)對(duì)下列字符編碼  ASCII字母、數(shù)字、~!@#$&*()=:/,;?+'
encodeURIComponent方法不會(huì)對(duì)下列字符編碼 ASCII字母、數(shù)字、~!*()'
所以encodeURIComponent比encodeURI編碼的范圍更大。
實(shí)際例子來說，encodeURIComponent會(huì)把 http://  編碼成  http%3A%2F%2F 而encodeURI卻不會(huì)。 

四、最重要的，我該什么場(chǎng)合用什么方法

區(qū)別上面說的很清楚了，接下來從實(shí)際例子來說說把。

1、如果只是編碼字符串，不和URL有半毛錢關(guān)系，那么用escape。
2、如果你需要編碼整個(gè)URL，然后需要使用這個(gè)URL，那么用encodeURI。

比如
encodeURI("https://www.jb51.net/season-huang/some other thing");

編碼后會(huì)變?yōu)?/p>

"https://www.jb51.net/season-huang/some%20other%20thing";

其中，空格被編碼成了%20。但是如果你用了encodeURIComponent，那么結(jié)果變?yōu)?/p>

"http%3A%2F%2Fwww.jb51.net%2Fseason-huang%2Fsome%20other%20thing"

看到了區(qū)別嗎，連 "/" 都被編碼了，整個(gè)URL已經(jīng)沒法用了。

3、當(dāng)你需要編碼URL中的參數(shù)的時(shí)候，那么encodeURIComponent是最好方法。

var param = "https://www.jb51.net/season-huang/"; //param為參數(shù)
param = encodeURIComponent(param);
var url = "https://www.jb51.net?next=" + param;
console.log(url) //https://www.jb51.net?next=http%3A%2F%2Fwww.jb51.net%2Fseason-huang%2F

看到了把，參數(shù)中的 "/" 可以編碼，如果用encodeURI肯定要出問題，因?yàn)楹竺娴?是需要編碼的。

看完上述內(nèi)容，你們對(duì)如何區(qū)分escape好encodeURI以及encodeURIComponent有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

當(dāng)前題目：如何區(qū)分escape好encodeURI以及encodeURIComponent
分享URL：http://www.jbt999.com/article42/jhdeec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、外貿(mào)建站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站排名、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)