js中获取URL参数的共用方法getRequest()方法实例详解
更新时间：2018年10月24日 14:13:41 作者：冷瞳ruin
本文通过实例代码给大家介绍了js中获取URL参数的共用方法getRequest()方法 ,文末给大家提到了js获取url参数值的两种方式，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法，具体代码如下所示：
getRequest : function() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); }
}
return theRequest;
}
下面看下js获取url参数值的两种方式详解
有个url如下：
http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit
我们该如何获取from这个参数的值呢？在网上搜了下方法很简单，如下，第一种是通过正则，第二种通过切串放进数组的方式：
方法一：
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
var from = getQueryString("from");
alert(from);
方法二：
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
var req = GetRequest();
var from = req['from'];
alert(from);
总结
以上所述是小编给大家介绍的js中获取URL参数的共用方法getRequest()方法实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在 JavaScript 中使用变量或常量之前，必须先进行声明，这篇文章主要介绍了JavaScript中的变量声明与赋值,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-08-08
flatpickr 是一个轻量级、注重精益、由 UX 驱动和可扩展的 JavaScript 日期时间选择器。这篇文章主要介绍了JavaScript 日期时间选择器,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了JavaScript每天定时更换皮肤样式的方法,涉及javascript针对时间及css样式的相关操作技巧,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了three.js 着色器材质的相关资料，文中讲解非常详细，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-08-08
这篇文章主要介绍了Bootstrap学习笔记之表单基本样式的相关资料,为大家分享了三种表单样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家介绍了JavaScript数组的常用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要为大家详细介绍了JavaScript实现美化滑块效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
js原型链与继承是js中的重点，所以我们通过以下三个例子来进行详细的讲解。一起跟随小编过来看看吧，希望对大家有所帮助。2016-05-05
这篇文章主要为大家详细介绍了JS实现元素上下左右移动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要为大家详细介绍了微信小程序删除处理的相关代码，用小程序里的模态框实现删除，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论