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

您所在的位置:网站首页 js获取当前网页地址的方法 JS获取页面 GET 方式请求的参数

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

2023-07-24 18:52| 来源: 网络整理| 查看: 265

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']; 调用方法说明 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面 属性描述hash从井号 (#) 开始的 URL(锚)host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname返回当前页面的路径和文件名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") + "") //输出:world

使用全局匹配的正则表达式来检索字符串中的所有数字:

var str="1 plus 2 equal 3" document.write(str.match(/\d+/g)) //输出:1,2,3

3.decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3