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 相关文章推荐
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
javascript事件冒泡实例分析
May 13 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
微信小程序实现图片放大预览功能
Oct 22 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 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
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
js控制input框只读实现示例
2014/01/20 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
2018/09/28 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
python fabric使用笔记
2015/05/09 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
Python with语句上下文管理器两种实现方法分析
2018/02/09 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
python中pika模块问题的深入探究
2018/10/13 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
python getpass实现密文实例详解
2019/09/24 Python
Python实现图片添加文字
2019/11/26 Python
Python如何将函数值赋给变量
2020/04/28 Python
Python更换pip源方法过程解析
2020/05/19 Python
C语言中break与continue的区别
2012/07/12 面试题
爱心捐助倡议书
2014/05/19 职场文书
社区工作者演讲稿
2014/05/23 职场文书
队列队形口号
2015/12/25 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
Python语言中的数据类型-序列
2022/02/24 Python