首頁  >  文章  >  web前端  >  jquery取得url的參數亂碼怎麼辦

jquery取得url的參數亂碼怎麼辦

coldplay.xixi
coldplay.xixi原創
2020-12-24 10:03:402582瀏覽

jquery取得url的參數亂碼的解決方法:1、使用正規分析法,程式碼為【function getQueryString(name)】;2、取得url中【?】符後的字符串,程式碼為【 var url = location.search;】。

jquery取得url的參數亂碼怎麼辦

本教學操作環境:windows7系統、jquery1.12版本,DELL G3電腦。

推薦:jquery影片教學

jquery取得url的參數亂碼的解決方法:

方法一:正規分析法

程式碼如下:

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;
}

這樣呼叫:

程式碼如下:

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名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>

1.這樣呼叫:

代碼如下:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[&#39;参数1&#39;];
参数2 = Request[&#39;参数2&#39;];
参数3 = Request[&#39;参数3&#39;];
参数N = Request[&#39;参数N&#39;];
</Script>

如果參數含有中文字符,注意轉編碼和解碼:

程式碼如下:

<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. 接收參數頁面:test02.html

<script>
var urlinfo = window.location.href;//获取url
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”后面的参数
$(“#userName”).html(decodeURI(userName));
</script></span>

相關免費學習推薦:javascript(視頻)

以上是jquery取得url的參數亂碼怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn