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 相关文章推荐
ExtJS 2.0 实用简明教程之布局概述
Apr 29 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
Vue自定义图片懒加载指令v-lazyload详解
Dec 31 Javascript
JavaScript实现随机数生成器(去重)
Oct 13 Javascript
javascript系统时间设置操作示例
Jun 17 Javascript
js实现随机数小游戏
Jun 28 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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
咖啡常见的种类
2021/03/03 新手入门
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
2013/06/27 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
Python中的面向对象编程详解(下)
2015/04/13 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
Pytorch之卷积层的使用详解
2019/12/31 Python
pytorch中的inference使用实例
2020/02/20 Python
Python双链表原理与实现方法详解
2020/02/22 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
mac系统下安装pycharm、永久激活、中文汉化详细教程
2020/11/24 Python
python实现xml转json文件的示例代码
2020/12/30 Python
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
加拿大服装和鞋类零售商:Mark’s
2021/01/04 全球购物
致跳远运动员加油稿
2014/02/11 职场文书
春季防火方案
2014/05/10 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
创业计划书之水果店
2019/07/18 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis