首页 > web前端 > js教程 > 正文

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

coldplay.xixi
发布: 2023-01-04 09:37:56
原创
2564 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!