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

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

本教學操作環境：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中文網其他相關文章！