jquery獲取URL中參數(shù)解決中文亂碼問題的兩種方法

更新時(shí)間：2013年12月18日 17:22:22 作者：

從A頁(yè)面通過url傳參到B頁(yè)面時(shí)，獲取URL中參數(shù)出現(xiàn)中文亂碼問題，解析url參數(shù)的正確方法如下，感興趣的朋友可以參考下

從A頁(yè)面通過url傳參到B頁(yè)面時(shí)，解析url參數(shù)可以用下面兩種方法：
方法一：正則分析法

 
function getQueryString(name) { 
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
var r = window.location.search.substr(1).match(reg); 
if (r != null) return unescape(r[2]); return null; 
} 

這樣調(diào)用：

復(fù)制代碼代碼如下:

 
alert(GetQueryString("參數(shù)名1")); 
alert(GetQueryString("參數(shù)名2")); 
alert(GetQueryString("參數(shù)名3")); 

方法二：

復(fù)制代碼代碼如下:

 
<span style="font-size: 16px;"><Script language="javascript"> 
function GetRequest() { 
var url = location.search; //獲取url中"?"符后的字串 
var theRequest = new Object(); 
if (url.indexOf("?") != -1) { 
var str = url.substr(1); 
strs = str.split("&"); 
for(var i = 0; i < strs.length; i ++) { 
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
} 
} 
return theRequest; 
} 
</Script></span> 

這樣調(diào)用：

復(fù)制代碼代碼如下:

 
<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N; 
參數(shù)1 = Request['參數(shù)1']; 
參數(shù)2 = Request['參數(shù)2']; 
參數(shù)3 = Request['參數(shù)3']; 
參數(shù)N = Request['參數(shù)N']; 
</Script> 

如果參數(shù)中含有中文字符，注意轉(zhuǎn)編碼和解碼：

復(fù)制代碼代碼如下:

 
<span style="font-size:18px;">1.傳參頁(yè)面 
Javascript代碼：<script type=”text/javascript”> 
function send(){ 
var url = "test01.html"; 
var userName = $("#userName").html(); 
window.open(encodeURI(url + "?userName=" + userName)); } 
</script> 
2. 接收參數(shù)頁(yè)面：test02.html 
<script> 
var urlinfo = window.location.href;//獲取url 
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”后面的參數(shù) 
$(“#userName”).html(decodeURI(userName)); 
</script></span> 

您可能感興趣的文章:

相關(guān)文章

JavaScript 上傳文件限制參數(shù)案例詳解
這篇文章主要介紹了JavaScript 上傳文件限制參數(shù)案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-09-09
JS設(shè)置網(wǎng)頁(yè)圖片vspace和hspace屬性的方法
這篇文章主要介紹了JS設(shè)置網(wǎng)頁(yè)圖片vspace和hspace屬性的方法,具體分析了vspace和hspace屬性的功能及javascript修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-04-04
Echarts中常用的參數(shù)總結(jié)及參數(shù)自定義示例代碼
Echarts中參數(shù)的配置功能很強(qiáng)大,對(duì)任何一項(xiàng)的配置都很細(xì)致,下面這篇文章主要給大家介紹了關(guān)于Echarts中常用的參數(shù)總結(jié)及參數(shù)自定義的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-02-02
React Native JSI實(shí)現(xiàn)RN與原生通信的示例代碼
本文主要介紹了React Native JSI實(shí)現(xiàn)RN與原生通信的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
前端無(wú)感刷新token的實(shí)現(xiàn)步驟
這篇文章主要給大家介紹了關(guān)于前端無(wú)感刷新token的實(shí)現(xiàn)步驟,Axios無(wú)感知刷新令牌技術(shù)通過設(shè)置請(qǐng)求攔截器和刷新邏輯,確保API請(qǐng)求不會(huì)因令牌過期而中斷,使用訪問令牌和刷新令牌實(shí)現(xiàn)自動(dòng)刷新,需要的朋友可以參考下
2024-11-11
用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-09-09
Js的MessageBox
[綠色]Js的MessageBox...
2006-12-12
JavaScript 中的運(yùn)算符和表達(dá)式介紹
這篇文章主要介紹了JavaScript 中的運(yùn)算符和表達(dá)式介紹，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-09-09
原生javascript實(shí)現(xiàn)解析XML文檔與字符串
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析，有需要的小伙伴可以參考下。
2016-03-03
js根據(jù)給定的日期計(jì)算當(dāng)月有多少天實(shí)現(xiàn)思路及代碼
根據(jù)給定的日期計(jì)算當(dāng)月有多少天,想必這樣的功能大家都想實(shí)現(xiàn)吧，所以本文的出現(xiàn)相當(dāng)有必要，接下來看下實(shí)現(xiàn)代碼，感興趣的朋友可以了解下，希望對(duì)你有所幫助
2013-02-02