这篇文章主要讲解了“javascript获取请求参数的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript获取请求参数的方法是什么”
这篇文章主要讲解了“javascript获取请求参数的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“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获取请求参数的方法是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!
--结束END--
本文标题: javascript获取请求参数的方法是什么
本文链接: https://lsjlt.com/news/66559.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0