javascript怎么获取请求参数
导读:收集整理的这篇文章主要介绍了javascript怎么获取请求参数,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript获取请求参数的方法:1、通过JavaScript获取浏览器的URL;2、通过Javascript获取url...
收集整理的这篇文章主要介绍了javascript怎么获取请求参数,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript获取请求参数的方法:1、通过JavaScript获取浏览器的URL;2、通过Javascript获取url中的某个参数的值;3、为jquery扩展一个方法来通过jquery获取url参数。
本文操作环境:windows7系统、javascript1.8.5版、Dell 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扩展一个方法来通过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中,常用的编码和解码的函数有下面两种,
encodeURI() decodeURI() encodeURIcomponent() decodeURIComponent()
【推荐学习:javascript高级教程】
以上就是javascript怎么获取请求参数的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: javascript怎么获取请求参数
本文地址: https://pptw.com/jishu/591646.html