JS获取页面 GET 方式请求的参数

JS获取页面 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'];

调用方法说明

  1. 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 进行解码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值