js獲取url中的參數(shù)且參數(shù)為中文時(shí)通過(guò)js解碼
js頁(yè)面?zhèn)鬟f參數(shù)為中文亂碼問(wèn)題解決方法
js的頁(yè)面?zhèn)鬟f中,如果url有攜帶中文參數(shù)傳遞,會(huì)出現(xiàn)亂碼,解決辦法如下:
給所傳遞的參數(shù)加上兩層的轉(zhuǎn)碼 encodeURI(encodeURI(Name))
并且在接收的頁(yè)面對(duì)參數(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ù)的時(shí)候會(huì)有中文亂碼,得用decodeURI()方法解碼,方式如下:
//獲得所屬分類(lèi)的pkId var params = getUrlVars(); //獲得此中分類(lèi)的id var parentId = params[params[0]]; //獲得分類(lèi)的名稱(chēng) var productName = decodeURI(params[params[1]]);
到此這篇關(guān)于js獲取url中的參數(shù)且參數(shù)為中文時(shí)通過(guò)js解碼的文章就介紹到這了,更多相關(guān)url中文參數(shù) js解碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)頭部進(jìn)度條刷新
這篇文章主要介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)頭部進(jìn)度條刷新實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04JS常見(jiàn)錯(cuò)誤(Error)及處理方案詳解
這篇文章主要介紹了JS常見(jiàn)錯(cuò)誤(Error)及處理方案詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07JavaScript原型和原型鏈與構(gòu)造函數(shù)和實(shí)例之間的關(guān)系詳解
這篇文章主要介紹了JavaScript原型和原型鏈與構(gòu)造函數(shù)和實(shí)例之間的關(guān)系,每個(gè)對(duì)象都連接到一個(gè)原型對(duì)象,并且它可以從中繼承屬性。所有通過(guò)對(duì)象字面量創(chuàng)建的對(duì)象都連接到object.prototype,它是JavaScript中的標(biāo)配對(duì)象2022-07-07js調(diào)用webservice構(gòu)造SOAP進(jìn)行身份驗(yàn)證
這篇文章主要介紹了js調(diào)用webservice構(gòu)造SOAP進(jìn)行身份驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2016-04-04JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復(fù)雜度的增加,代碼中的 if/else 和 switch 會(huì)越來(lái)越臃腫。本文將帶你嘗試寫(xiě)出更優(yōu)雅的判斷邏輯,需要的朋友可以參考下2020-05-05EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)
這篇文章主要介紹了EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)的相關(guān)資料,需要的朋友可以參考下2016-12-12JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了三級(jí)聯(lián)動(dòng)菜單效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實(shí)現(xiàn)方法涉及JavaScript編碼、數(shù)據(jù)類(lèi)型等的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-12-12妙用Bootstrap的 popover插件實(shí)現(xiàn)校驗(yàn)表單提示功能
最近使用bootstrap開(kāi)發(fā)項(xiàng)目比較多,在表單校驗(yàn)功能中用popover插件實(shí)現(xiàn)出錯(cuò)提示功能很方面,下面小編給大家?guī)?lái)了一篇關(guān)于Bootstrap的 popover插件實(shí)現(xiàn)校驗(yàn)表單提示功能的實(shí)現(xiàn)代碼,非常不錯(cuò),感興趣的朋友一起看看吧2016-08-08如何消除inline-block屬性帶來(lái)的標(biāo)簽間間隙
這篇文章主要介紹了如何消除inline-block屬性帶來(lái)的標(biāo)簽間間隙的相關(guān)資料,需要的朋友可以參考下2016-03-03