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 Code实现IE邮件转发新浪微博
Jul 03 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
基于JavaScript代码实现自动生成表格
Jun 15 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
vue 中的keep-alive实例代码
Jul 20 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
vue-router传参用法详解
Jan 19 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
es6 super关键字的理解与应用实例分析
Feb 15 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 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
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
php若干单维数组遍历方法的比较
2011/09/20 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jQuery timers计时器简单应用说明
2010/10/28 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
jQuery中的通配符选择器使用总结
2016/05/30 Javascript
JS实现淡入淡出图片效果的方法分析
2016/12/20 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
js简单实现自动生成表格功能示例
2020/06/02 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
python服务器与android客户端socket通信实例
2014/11/12 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
Puppeteer使用示例详解
2019/06/20 Python
Django的models中on_delete参数详解
2019/07/16 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
计算机网络专业自荐信
2014/07/04 职场文书
信用卡收入证明范本
2015/06/12 职场文书
Python基础知识之变量的详解
2021/04/14 Python
解决python存数据库速度太慢的问题
2021/04/23 Python
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
分享几个简单MySQL优化小妙招
2022/03/31 MySQL