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中数组中求最大值示例代码
Dec 18 Javascript
JavaScript学习笔记之定时器
Jan 22 Javascript
js判断当前页面在移动设备还是在PC端中打开
Jan 06 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
Feb 16 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
Jul 09 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
原生JS实现$.param() 函数的方法
Aug 10 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 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来检测proxy
2006/10/09 PHP
PHP5中使用DOM控制XML实现代码
2010/05/07 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
PHP中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
库房管理员岗位职责
2014/03/09 职场文书
新闻发布会主持词
2014/03/28 职场文书
文秘应届生求职信
2014/07/05 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
Vue+Flask实现图片传输功能
2022/04/01 Vue.js
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android