jquery獲取URL中參數(shù)解決中文亂碼問題的兩種方法
更新時間:2013年12月18日 17:22:22 作者:
從A頁面通過url傳參到B頁面時,獲取URL中參數(shù)出現(xiàn)中文亂碼問題,解析url參數(shù)的正確方法如下,感興趣的朋友可以參考下
從A頁面通過url傳參到B頁面時,解析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)用:
alert(GetQueryString("參數(shù)名1"));
alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
方法二:
<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)用:
<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)編碼和解碼:
<span style="font-size:18px;">1.傳參頁面
Javascript代碼:<script type=”text/javascript”>
function send(){
var url = "test01.html";
var userName = $("#userName").html();
window.open(encodeURI(url + "?userName=" + userName)); }
</script>
2. 接收參數(shù)頁面:test02.html
<script>
var urlinfo = window.location.href;//獲取url
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”后面的參數(shù)
$(“#userName”).html(decodeURI(userName));
</script></span>
方法一:正則分析法
復(fù)制代碼 代碼如下:
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.傳參頁面
Javascript代碼:<script type=”text/javascript”>
function send(){
var url = "test01.html";
var userName = $("#userName").html();
window.open(encodeURI(url + "?userName=" + userName)); }
</script>
2. 接收參數(shù)頁面:test02.html
<script>
var urlinfo = window.location.href;//獲取url
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”后面的參數(shù)
$(“#userName”).html(decodeURI(userName));
</script></span>
您可能感興趣的文章:
- 使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法
- jquery獲取url參數(shù)及url加參數(shù)的方法
- jQuery獲取URL請求參數(shù)的方法
- 通過jquery 獲取URL參數(shù)并進行轉(zhuǎn)碼
- javascript/jquery獲取地址欄url參數(shù)的方法
- jQuery封裝的獲取Url中的Get參數(shù)示例
- Jquery讀取URL參數(shù)小例子
- jQuery 獲取URL的GET參數(shù)值的小例子
- idTabs基于JQuery的根據(jù)URL參數(shù)選擇Tab插件
- jquery URL參數(shù)判斷,確定菜單樣式
- jQuery 獲取URL參數(shù)的插件
- 使用jquery獲取url及url參數(shù)的簡單實例
相關(guān)文章
談?wù)劵趇frame、FormData、FileReader三種無刷新上傳文件的方法
發(fā)請求有兩種方式,一種是用ajax,另一種是用form提交,默認的form提交如果不做處理的話,會使頁面重定向。本篇文章通過實例給大家介紹基于iframe/FormData/FileReader三種無刷新上傳文件的方法,感興趣的朋友一起學(xué)習(xí)吧2015-12-12JavaScript實現(xiàn)鼠標滑過處生成氣泡的方法
這篇文章主要介紹了JavaScript實現(xiàn)鼠標滑過處生成氣泡的方法,涉及鼠標事件與頁面樣式的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05