JavaScript获取页面网址 GET 请求的参数
页面的URL: http://localhost:8080/erp?name=小明&age=12
要求：获取传递的name和age值
方法一：正则分析法
/**
* 根据变量名获取匹配值
*/
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;
}
//调用
alert(GetQueryString("name"));
alert(GetQueryString("age"));
方法二：手动截取
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]]=decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
//调用
var Request = new Object();
Request = GetRequest();
var name,age;
name = Request['name'];
age = Request['age'];
调用方法说明
- window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面
| 属性 | 描述 |
|---|---|
| hash | 从井号 (#) 开始的 URL（锚） |
| host | 主机名和当前 URL 的端口号 |
| hostname | 当前 URL 的主机名 |
| href | 完整的 URL |
| pathname | 返回当前页面的路径和文件名 |
| port | 返回 web 主机的端口 （80 或 443） |
| protocol | 返回所使用的 web 协议（http:// 或 https://） |
| search | 从问号 (?) 开始的 URL（查询部分） |
2.match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。
语法
两个构造器
stringObject.match(searchvalue)
stringObject.match(regexp)
| 参数 | 描述 |
|---|---|
| searchvalue | 必需。规定要检索的字符串值。 |
| regexp | 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。 |
返回值
存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g
匹配字符串：
var str="Hello world!"
document.write(str.match("world") + "<br />")
//输出：world
使用全局匹配的正则表达式来检索字符串中的所有数字：
var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))
//输出：1,2,3
3.decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
