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 相关文章推荐
关于document.cookie的使用javascript
Apr 11 Javascript
javascript 常用方法总结
Jun 03 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
Apr 01 Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
浅谈vue中$event理解和框架中在包含默认值外传参
Aug 07 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
PHP5/ZendEngine2的改进
2006/10/09 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
ThinkPHP框架分布式数据库连接方法详解
2017/03/14 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
JavaScript获取当前时间向前推三个月的方法示例
2017/02/04 Javascript
js放到head中失效的原因与解决方法
2017/03/07 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
python进程管理工具supervisor使用实例
2014/09/17 Python
详解supervisor使用教程
2017/11/21 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
python线性插值解析
2020/07/05 Python
python 实现单例模式的5种方法
2020/09/23 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
日本高端护肤品牌:Tatcha
2016/08/29 全球购物
Java面向对象面试题
2016/12/26 面试题
工作中个人的自我评价
2013/12/31 职场文书
期末考试动员演讲稿
2014/01/10 职场文书
小学安全教育材料
2014/02/17 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
服务承诺书范文
2014/05/19 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
环境卫生标语
2015/08/03 职场文书
解除租赁合同协议书
2016/03/21 职场文书