Rumah > hujung hadapan web > tutorial js > jquery获取url的参数乱码怎么办

jquery获取url的参数乱码怎么办

coldplay.xixi
Lepaskan: 2023-01-04 09:37:56
asal
2599 orang telah melayarinya

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;
}
Salin selepas log masuk

这样调用:

代码如下:

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
Salin selepas log masuk

方法二:

代码如下:

<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>
Salin selepas log masuk

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>
Salin selepas log masuk

如果参数中含有中文字符,注意转编码和解码:

代码如下:

<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>
Salin selepas log masuk

2. 接收参数页面:test02.html

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

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery获取url的参数乱码怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan