js獲取url中的參數(shù)且參數(shù)為中文時通過js解碼
js頁面?zhèn)鬟f參數(shù)為中文亂碼問題解決方法
js的頁面?zhèn)鬟f中，如果url有攜帶中文參數(shù)傳遞，會出現(xiàn)亂碼，解決辦法如下:
給所傳遞的參數(shù)加上兩層的轉(zhuǎn)碼 encodeURI(encodeURI(Name))
并且在接收的頁面對參數(shù)加上兩層的解碼 decodeURI(decodeURI(Name))
如果傳遞的參數(shù)是：
<a href="${pageContext.request.contextPath}/productdisplay/productDisplay_productDisplayUI.action?pkId=${pkId}&name=${name}" style="color:white; margin-top:10px; margin-bottom:10px;">${name}</a>
獲取url參數(shù)的js如下：
/** 初始化加載結(jié)束 */
function getUrlVars(){
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?')+1).split('&');
for(var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}如果url中有中文，則取參數(shù)的時候會有中文亂碼,得用decodeURI()方法解碼，方式如下：
//獲得所屬分類的pkId var params = getUrlVars(); //獲得此中分類的id var parentId = params[params[0]]; //獲得分類的名稱 var productName = decodeURI(params[params[1]]);
到此這篇關(guān)于js獲取url中的參數(shù)且參數(shù)為中文時通過js解碼的文章就介紹到這了,更多相關(guān)url中文參數(shù) js解碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript異步回調(diào)的Promise模式封裝實例
這篇文章主要介紹了JavaScript異步回調(diào)的Promise模式封裝實例,本文通過分析easyjs的源碼得出,實例均參考easyjs,需要的朋友可以參考下2014-06-06
最近在項目需求中遇到之前沒有做過的功能,下面這篇文章主要給大家介紹了關(guān)于JS實用案例之輸入智能提示,文中通過實例代碼介紹的非常詳細(xì),打字機輸出效果的相關(guān)資料,需要的朋友可以參考下2023-01-01
這篇文章主要是對用鼠標(biāo)滾輪改變圖片大小的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)煙花爆炸效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
之前看到一個Android的加載效果不錯，一直想自己動手做一個，正好這段時間重溫了一個Canvas，所以就嘗試了一下。下面這篇文章主要給大家介紹了關(guān)于利用canvas實現(xiàn)加載效果的相關(guān)資料，需要的朋友可以參考下。2017-07-07
這篇文章主要介紹了微信小程序vant輸入框問題,本文給大家分享完美解決方案，結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-09-09
javascript新建標(biāo)簽,判斷鍵盤輸入,以及判斷焦點(示例代碼)
這篇文章主要介紹了javascript新建標(biāo)簽,判斷鍵盤輸入,以及判斷焦點(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
非阻塞動態(tài)加載javascript廣告實現(xiàn)代碼
非阻塞動態(tài)加載javascript廣告，需要的朋友可以參考下。2010-11-11
uni-app實現(xiàn)頁面通信EventChannel的操作方法
使用了EventBus的方法實現(xiàn)不同頁面組件之間的一個通信,在uni-app中,我們也可以使用uni-app API,uni.navigateTo來實現(xiàn)頁面間的通信,這篇文章主要介紹了uni-app實現(xiàn)頁面通信EventChannel的操作方法,需要的朋友可以參考下2024-05-05
javascript中對象的定義、使用以及對象和原型鏈操作小結(jié)
這篇文章主要介紹了javascript中對象的定義、使用以及對象和原型鏈操作,結(jié)合實例形式總結(jié)分析了javascript對象操作的常用技巧,需要的朋友可以參考下2016-12-12