淺談在js傳遞參數(shù)中含加號(+)的處理方式
一般情況下，URL 中的參數(shù)應(yīng)使用 url 編碼規(guī)則，即把參數(shù)字符串中除了 -_. 之外的所有非字母數(shù)字字符都將被替換成百分號（%）后跟兩位十六進制數(shù)，空格則編碼為加號（+）。
但是對于帶有中文的參數(shù)來說，這種編碼會使編碼后的字符串變得很長。
如果希望有短一點的方式對參數(shù)編碼，可以采用 base64 編碼方式對字符串進行編碼，但是 base64 編碼方式不能處理 JavaScript 中的中文，因為 JavaScript 中的中文都是以 UTF-16 方式保存的。
而 base64 只能處理單字節(jié)字符，所以不能直接用 base64 對帶有中文的 JavaScript 字符串進行編碼。
但是可以通過 utf.js 這個程序中提供的 utf16to8 來將 UTF-16 編碼的中文先轉(zhuǎn)化為 UTF-8 方式，然后再進行 base64 編碼。
這樣編碼后的字符串，在傳遞到服務(wù)器端后可以直接通過 base64_decode 解碼成 UTF-8 的中文字符串。
但是還有個問題需要注意。
base64 編碼中使用了加號（+），而 + 在 URL 傳遞時會被當(dāng)成空格，因此必須要將 base64 編碼后的字符串中的加號替換成 %2B 才能當(dāng)作 URL 參數(shù)進行傳遞。
否則在服務(wù)器端解碼后就會出錯。
所以我們需要做的就是encodeURI(str).replace(/\+/g,'%2B')
以上就是小編為大家?guī)淼臏\談在js傳遞參數(shù)中含加號(+)的處理方式全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
element-ui 的el-button組件中添加自定義顏色和圖標(biāo)的實現(xiàn)方法
這篇文章主要介紹了element-ui 的el-button組件中添加自定義顏色和圖標(biāo)的實現(xiàn)方法，目前的解決方案是：添加一個自定義全局指令，同時在element-ui源碼中，加入對應(yīng)的組件。需要的朋友跟隨小編一起看看吧2018-10-10
js點擊列表文字對應(yīng)該行顯示背景顏色的實現(xiàn)代碼
這篇文章主要介紹了js點擊列表文字對應(yīng)該行顯示背景顏色的實現(xiàn)代碼,感興趣的小伙伴可以參考下2015-08-08
動態(tài)加載dtree.js樹treeview(示例代碼)
本篇文章主要是對動態(tài)加載dtree.js樹treeview的示例代碼進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
按Ctrl+Enter發(fā)送，思路是監(jiān)聽textarea的onkeydown事件，當(dāng)ctrl鍵被按下，并且，keycode為13（回車），時，調(diào)用發(fā)送表單的函數(shù)2014-09-09
這篇文章主要為大家詳細介紹了Bootstrap進度條的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
最近，同事在做一個項目的時候，有個需求，需要一款動畫庫來支持2012-02-02
主要用到了js的dom操作，用到了rows 集合。2009-12-12
ES6是JavaScript語言的主要增強,允許我們編寫程序,ES6適用于復(fù)雜的應(yīng)用程序,盡管ES5和ES6在本質(zhì)上有一些相似之處,但它們之間也有許多不同之處,下面這篇文章主要給大家介紹了關(guān)于ES5和ES6區(qū)別的相關(guān)資料,需要的朋友可以參考下2023-05-05
最近在做一個通用的配置模塊。配置模塊中必然要對系統(tǒng)的菜單、功能模塊、權(quán)限資源等進行配置，為了更好的用戶體驗，圖標(biāo)是必不可少的！2011-07-07
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03