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 web页面刷新的方法收集
Jul 02 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
详解Vue的options
May 15 Vue.js
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实现小型站点广告管理(修正版)
2006/10/09 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
javascript 函数式编程
2007/08/16 Javascript
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
Vue.js的模板语法详解
2020/02/16 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
Python中文件遍历的两种方法
2014/06/16 Python
python求众数问题实例
2014/09/26 Python
python实现2048小游戏
2015/03/30 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
如何用python整理附件
2018/05/13 Python
浅谈python之新式类
2018/08/12 Python
python中树与树的表示知识点总结
2019/09/14 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
python将数据插入数据库的代码分享
2020/08/16 Python
Python读写Excel表格的方法
2021/03/02 Python
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
高一生物教学反思
2014/01/17 职场文书
简短大学毕业感言
2014/01/18 职场文书
消防安全检查制度
2014/02/04 职场文书
小学少先队活动方案
2014/02/18 职场文书
企业读书活动总结
2014/06/30 职场文书
领导干部保密承诺书
2014/08/30 职场文书
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技