Javascript 获取地址栏里(URL)传递的参数
2013-03-20 16:46
639 查看
有时我们需要在js文件中用URL传来的参数,但是Javascript是客户端执行的脚本语言,而Session是服务器端的对象,我们不能直接取得Session中的值。那么,我们该如何在JS文件中获取URL中的参数呢?
下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法。
第一种:字符串拆分法
这种方式是通过location.search方法取得URL中的参数部分,然后再进一步处理得到的。具体代码如下:
//获取地址栏里(URL)传递的参数
function GetRequest() {
//url例子:XXX.aspx?ID=" + ID + "&Name=" + Name;
var url = location.search; //获取url中"?"符以及其后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1)//url中存在问号,也就说有参数。
{
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 Request = new Object();
//获取url中的参数
Request = GetRequest();
var ID, Name; //ID、名字
ID = Request['ID']; //ID
Name = Request['Name']; //名字
第二种:正则匹配法
这种方法其实原理和上一种方法类似,都是从URL中提取,只是提取的方法不同而已。
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
} 调用代码:
var ID;
ID = GetQueryString("ID");
以上就是Javascript中获取URL中参数的两种方法。
下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法。
第一种:字符串拆分法
这种方式是通过location.search方法取得URL中的参数部分,然后再进一步处理得到的。具体代码如下:
//获取地址栏里(URL)传递的参数
function GetRequest() {
//url例子:XXX.aspx?ID=" + ID + "&Name=" + Name;
var url = location.search; //获取url中"?"符以及其后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1)//url中存在问号,也就说有参数。
{
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 Request = new Object();
//获取url中的参数
Request = GetRequest();
var ID, Name; //ID、名字
ID = Request['ID']; //ID
Name = Request['Name']; //名字
第二种:正则匹配法
这种方法其实原理和上一种方法类似,都是从URL中提取,只是提取的方法不同而已。
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
} 调用代码:
var ID;
ID = GetQueryString("ID");
以上就是Javascript中获取URL中参数的两种方法。
相关文章推荐
- javascript获取网页URL地址及参数等
- javascript写的关于静态页面获取URL传递参数的函数[原创]
- javascript获取地址栏(url)QueryString(参数)值
- javascript获取网页URL地址及参数等
- javascript获取网页URL地址及参数等
- JavaScript/JQuery获取地址栏url参数的方法
- JavaScript------获取url地址中的参数
- javascript获取网页URL地址及参数等
- 获取URL地址传递的中文参数出现乱码!
- javascript获取网页URL地址及参数等
- javascript获取网页URL地址及参数等
- Javascript url地址传参及获取参数的简单实用方法(利用正则表达式)
- javascript写的关于静态页面获取URL传递参数的函数[原创]
- [转载]javascript/jquery获取地址栏url参数的方法
- javascript/jquery获取地址栏url参数的方法
- javascript/jquery获取地址栏url参数的方法
- Angular4_获取当前Url地址和获取Url传递的参数
- Javascript url地址传参及获取参数方法(利用正则表达式)
- 获取URL地址中的文件名和参数的javascript代码
- Javascript/jQuery 获取地址栏URL参数的方法