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 触发事件列表 比较不错
Sep 03 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
关于div自适应高度/左右高度自适应一致的js代码
Mar 22 Javascript
jQuery获取注册信息并提示实现代码
Apr 21 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
javascript如何实现暂停功能
Nov 06 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
详解js中的原型,原型对象,原型链
Jul 16 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中的时间显示
2007/01/18 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
php模板引擎技术简单实现
2016/03/15 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php语法检查的方法总结
2019/01/21 PHP
TNC vs IO BO3 第一场2.13
2021/03/10 DOTA
求得div 下 img的src地址的js代码
2007/02/28 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
jsonp原理及使用
2013/10/28 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
用python进行视频剪辑
2020/11/02 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
校园新闻广播稿5篇
2014/10/10 职场文书
学校师德师风整改措施
2014/10/27 职场文书
管理者日常工作必备:22条企业管理流程模板!
2019/07/12 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
python异步的ASGI与Fast Api实现
2021/07/16 Python
Python3的进程和线程你了解吗
2022/03/16 Python