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 相关文章推荐
利用XMLHTTP传递参数在另一页面执行并刷新本页
Oct 26 Javascript
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
Sep 27 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
Apr 10 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
vue-父子组件和ref实例详解
Nov 10 Javascript
jquery实现直播弹幕效果
Nov 28 jQuery
微信小程序接入腾讯云验证码的方法步骤
Jan 07 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 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 文件上传源码分析(RFC1867)
2009/10/30 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php中require和require_once的区别说明
2014/02/27 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
JS 对象介绍
2010/01/20 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
2019/11/05 Javascript
js实现视图和数据双向绑定的方法分析
2020/02/05 Javascript
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
Python实现手势识别
2020/10/21 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
美国在线印刷公司:PsPrint
2017/10/12 全球购物
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
超市营业员求职简历的自我评价
2013/10/17 职场文书
应届毕业生个人自荐信范文
2013/11/30 职场文书
2014和解协议书范文
2014/09/15 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
Pygame Draw绘图函数的具体使用
2021/11/17 Python
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android