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實現(xiàn)網(wǎng)頁頭部進度條刷新
這篇文章主要介紹了JavaScript實現(xiàn)網(wǎng)頁頭部進度條刷新實例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-04-04JavaScript原型和原型鏈與構(gòu)造函數(shù)和實例之間的關(guān)系詳解
這篇文章主要介紹了JavaScript原型和原型鏈與構(gòu)造函數(shù)和實例之間的關(guān)系,每個對象都連接到一個原型對象,并且它可以從中繼承屬性。所有通過對象字面量創(chuàng)建的對象都連接到object.prototype,它是JavaScript中的標配對象2022-07-07js調(diào)用webservice構(gòu)造SOAP進行身份驗證
這篇文章主要介紹了js調(diào)用webservice構(gòu)造SOAP進行身份驗證的相關(guān)資料,需要的朋友可以參考下2016-04-04JS 邏輯判斷不要只知道用 if-else 和 switch條件判斷(小技巧)
這篇文章主要介紹了JS 邏輯判斷不要只知道用 if-else 和 switch,在一些邏輯復(fù)雜度的增加,代碼中的 if/else 和 switch 會越來越臃腫。本文將帶你嘗試寫出更優(yōu)雅的判斷邏輯,需要的朋友可以參考下2020-05-05JavaScript實現(xiàn)三級聯(lián)動菜單效果
這篇文章主要為大家詳細介紹了三級聯(lián)動菜單效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實現(xiàn)方法
這篇文章主要介紹了JavaScript中字符串與Unicode編碼互相轉(zhuǎn)換的實現(xiàn)方法涉及JavaScript編碼、數(shù)據(jù)類型等的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-12-12妙用Bootstrap的 popover插件實現(xiàn)校驗表單提示功能
最近使用bootstrap開發(fā)項目比較多,在表單校驗功能中用popover插件實現(xiàn)出錯提示功能很方面,下面小編給大家?guī)砹艘黄P(guān)于Bootstrap的 popover插件實現(xiàn)校驗表單提示功能的實現(xiàn)代碼,非常不錯,感興趣的朋友一起看看吧2016-08-08