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 相关文章推荐
js将控件隐藏及display属性的使用介绍
Dec 30 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
Mar 03 Javascript
jQuery实现防止提交按钮被双击的方法
Mar 24 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
three.js实现圆柱体
Dec 30 Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
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
PHP编实现程动态图像的创建代码
2008/09/28 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
python 实现插入排序算法
2012/06/05 Python
pyside写ui界面入门示例
2014/01/22 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
浅谈使用Python内置函数getattr实现分发模式
2018/01/22 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
Python学习笔记之装饰器
2020/08/06 Python
Python识别验证码的实现示例
2020/09/30 Python
浅析python连接数据库的重要事项
2021/02/22 Python
骆驼官方商城:CAMEL
2016/11/22 全球购物
建筑设计师岗位职责
2013/11/18 职场文书
学校校庆演讲稿
2014/05/22 职场文书
英语求职信范文
2014/05/23 职场文书
校园绿化美化方案
2014/06/08 职场文书
校园运动会广播稿
2014/10/06 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
python实现自动清理文件夹旧文件
2021/05/10 Python
Python+Tkinter打造签名设计工具
2022/04/01 Python