jquery获取URL中参数解决中文乱码问题的两种方法


Posted in Javascript onDecember 18, 2013

从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>
Javascript 相关文章推荐
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
Mar 29 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
javascript中打印当前的时间实现思路及代码
Dec 18 #Javascript
js 限制input只能输入数字、字母和汉字等等
Dec 18 #Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 #Javascript
jquery 提示信息显示后自动消失的具体实现
Dec 18 #Javascript
javascript中数组的concat()方法使用介绍
Dec 18 #Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 #Javascript
javascript中数组的冒泡排序使用示例
Dec 18 #Javascript
You might like
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
使用php发送有附件的电子邮件-(PHPMailer使用的实例分析)
2013/04/26 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
JS 控件事件小结
2012/10/31 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
Python中生成器和yield语句的用法详解
2015/04/17 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
python开发入门——set的使用
2020/09/03 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
Linux的文件类型
2012/03/07 面试题
研究生求职推荐信范文
2013/11/30 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
收款委托书
2014/10/14 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
Python sklearn分类决策树方法详解
2022/09/23 Python
box-shadow单边阴影的实现
2023/05/21 HTML / CSS