使用JavaScript获取Request中参数的值方法
更新时间：2016年09月27日 17:55:59 投稿：jingxian
下面小编就为大家带来一篇使用JavaScript获取Request中参数的值方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
假设现在有一个URL，如下。
https://www.jb51.net
如何通过JS访问到id和name里面的值呢，实现我们来分析一下思路。
先获取当前页面的URL，通过window.location.href。
提取该URL？后面的部分，通过slice()方法。
把获取到的Request对象分割成字符串数组，通过split() 方法。
接下来看代码。
function getUrlVars() {
var vars = [],
hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
接下来就是获取指定参数的值了，代码如下。
var id = getUrlVars()["id"]; var name = getUrlVars()["name"];
最后，我们再看看jQuery的写法。
$.extend({
getUrlVars: function() {
var vars = [],
hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
},
getUrlVar: function(name) {
return $.getUrlVars()[name];
}
});
var id = $.getUrlVar('id');
var name = $.getUrlVar('name');
以上就是小编为大家带来的使用JavaScript获取Request中参数的值方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~
相关文章
这篇文章主要介绍了只有 20 行的 JavaScript 模板引擎,结合实例形式分析了JavaScript 模板引擎实现方法与相关注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要为大家介绍了JS判断元素是否在可视区域技巧示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
下面小编就为大家带来一篇JS遍历页面所有对象属性及实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
这篇文章主要介绍了Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码,需要的朋友可以参考下2017-07-07
全选反选checkbox在实际应用中比较常见，本文有个不错的示例，大家可以参考下2014-03-03
javascript严格模式详解（含严格模式与非严格模式的区别）
这篇文章主要介绍了javascript严格模式详解（含严格模式与非严格模式的区别）,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
今天小编就为大家分享一篇layer更改皮肤的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JavaScript中实现map功能代码分享,本文直接给出实现代码,给出一个MAP类,类中包含大多数的常用方法,还可以自己扩展,需要的朋友可以参考下2015-06-06
在知道的key的情况下遍历map自然就跟数组一样的访问罗，这里就不说了，示例如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
这篇文章主要介绍了js 对象使用的小技巧,结合实例形式分析了JavaScript对象的遍历、查找、事件监听等相关操作技巧,需要的朋友可以参考下2019-11-11
最新评论