您的位置是:网站首页>Javascript编程Javascript编程

javascript怎么获取请求参数

少儿编程网2021-11-12 14:24:06Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介javascript获取请求参数的方法:1、通过JavaScript获取浏览器的URL;2、通过Javascript获取url中的某个参数的值;3、为jQuery扩展一个方法来通过jquery获取url参数。本文操作环境:windows7系统、javascript1.8.5版、DellG3电脑。ja

javascript获取请求参数的方法:1、通过JavaScript获取浏览器的URL;2、通过Javascript获取url中的某个参数的值;3、为jQuery扩展一个方法来通过jquery获取url参数。u8X少儿编程网-https://www.pxcodes.com

u8X少儿编程网-https://www.pxcodes.com

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。u8X少儿编程网-https://www.pxcodes.com

javascript怎么获取请求参数?u8X少儿编程网-https://www.pxcodes.com

JavaScript获取get方式的请求参数值u8X少儿编程网-https://www.pxcodes.com

1、通过JavaScript获取浏览器的URL的实现u8X少儿编程网-https://www.pxcodes.com

window.location.href

其实只是用到了JavaScript的基础的window对象 。u8X少儿编程网-https://www.pxcodes.com

2、通过Javascript获取url中的某个参数的值,u8X少儿编程网-https://www.pxcodes.com

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为u8X少儿编程网-https://www.pxcodes.com

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'

我们要获取bb和aa的值,可以这样写:u8X少儿编程网-https://www.pxcodes.com

var bb = getUrlParam('bb');
var aa = getUrlParam('aa')

3、我们可以通过这个方法为jQuery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法u8X少儿编程网-https://www.pxcodes.com

(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、关于获取到的参数,防止中文乱码的问题u8X少儿编程网-https://www.pxcodes.com

在传递参数时,发现对汉字编码使用的是 encodeURI ,所以上面的方法在解析参数编码时使用 decodeURI 就保证Javascript对参数编码解码方法一致,就可以防止中文乱码了。u8X少儿编程网-https://www.pxcodes.com

在JavaScript中,常用的编码和解码的函数有下面两种,u8X少儿编程网-https://www.pxcodes.com

   encodeURI()   decodeURI() 
    encodeURIComponent()    decodeURIComponent()

【推荐学习:javascript高级教程】

以上就是javascript怎么获取请求参数的详细内容,更多请关注少儿编程网其它相关文章!u8X少儿编程网-https://www.pxcodes.com

来源:php中文网u8X少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

javascript怎么获取请求参数

      匿名评论
    • 评论
    人参与,条评论
    javascript怎么获取请求参数

微信公众号

免费视频教程

先知道