javascript获取请求参数的方式: 1、通过JavaScript获取浏览器的URL; 2、通过Javascript获取url中某个参数的值;
本文运行环境:windows7系统,javascript1.8.5版本,戴尔G3笔记本。
javascript如何获取请求参数?
JavaScript以get的形式获取请求参数值
1、通过JavaScript获取浏览器URL的实现
window.location.href
虽然只使用了JavaScript的基本window对象。
2.通过Javascript获取url中某个参数的值,
function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); //返回参数值 if(r != null) { return decodeURI(r[2]); } return null; }
登录后复制
通过该函数传入url中的参数名即可获取参数的值,例如url为
http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'
登录后复制
我们想要得到bb和aa的值,我们可以这样写:
var bb = getUrlParam('bb'); var aa = getUrlParam('aa')
登录后复制
3、我们可以利用该方法扩展一个jQuery的方法php获取请求参数,通过jQuery获取url参数。 下面的代码扩展了 jQuery 的 getUrlParam() 方法
(function($) { $.getUrlParam = function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null) return decodeURI(r[2]); return null; } })(jQuery);
登录后复制
4.关于获取的参数,避免英文乱码的问题
在传递参数时,发现使用encodeURI对汉字进行编码,所以前面的方法在解析参数编码时使用decodeURI,保证Javascript对参数的编码和解码方式一致,可以避免英文乱码。
在JavaScript中php获取请求参数,常用的编码和解码函数如下,
encodeURI() decodeURI() encodeURIComponent() decodeURIComponent()
登录后复制
【推荐学习:javascript中级课程】
发表评论