jquery获取URL中参数解决中文乱码问题的两种方法
更新时间：2013年12月18日 17:22:22 作者：
从A页面通过url传参到B页面时，获取URL中参数出现中文乱码问题，解析url参数的正确方法如下，感兴趣的朋友可以参考下
从A页面通过url传参到B页面时，解析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>
这样调用：
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</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>
方法一：正则分析法
复制代码 代码如下:
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>
这样调用：
复制代码 代码如下:
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</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 上传文件限制参数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
这篇文章主要介绍了JS设置网页图片vspace和hspace属性的方法,具体分析了vspace和hspace属性的功能及javascript修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
Echarts中参数的配置功能很强大,对任何一项的配置都很细致,下面这篇文章主要给大家介绍了关于Echarts中常用的参数总结及参数自定义的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
React Native JSI实现RN与原生通信的示例代码
本文主要介绍了React Native JSI实现RN与原生通信的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要给大家介绍了关于前端无感刷新token的实现步骤,Axios无感知刷新令牌技术通过设置请求拦截器和刷新逻辑,确保API请求不会因令牌过期而中断,使用访问令牌和刷新令牌实现自动刷新,需要的朋友可以参考下2024-11-11
本篇文章主要介绍了用js实现before和after伪类的样式修改的示例代码，具有一定的参考价值，有兴趣的可以了解一下2017-09-09
[绿色]Js的MessageBox...2006-12-12
这篇文章主要介绍了JavaScript 中的运算符和表达式介绍，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
这篇文章主要介绍了javascript解析XML文档和XML字符串的方法和具体的代码解析，有需要的小伙伴可以参考下。2016-03-03
根据给定的日期计算当月有多少天,想必这样的功能大家都想实现吧，所以本文的出现相当有必要，接下来看下实现代码，感兴趣的朋友可以了解下，希望对你有所帮助2013-02-02
最新评论