Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > 在JavaScript中获取请求的URL参数[正则]_javascript技巧

在JavaScript中获取请求的URL参数[正则]_javascript技巧

WBOY
Release： 2016-05-16 18:13:21
Original
1132 people have browsed it

第一种方法：，代码比较专业 推荐

复制代码 代码如下:

<script> <BR>function GetLocationParam(param){ <BR>var request = { <BR>QueryString : function(val) { <BR>var uri = window.location.search; <BR>var re = new RegExp("" +val+ "=([^&?]*)", "ig"); <BR>return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):''); <BR>} <BR>} <BR>return request.QueryString(param); <BR>} <BR>var uid=GetLocationParam("uid"); <BR></script>

第二种方法：
当然我们可以在后台中获取参数的值，然后在前台js代码中获取变量的值，具体做法请参考我的这篇文章:JavaScript获取后台C#变量以及调用后台方法。

其实我们也可以直接在js中获取请求的参数的值，通过使用window.location.search可以获取到当前URL的?号开始的字符串，如前面的链接获取到的search为?id=001。再对获取的字符串进行处理，就可以获取到参数的值了。
复制代码 代码如下:

function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}

在调用上面的方法的时候，只要传入参数的名称，就可以获取到你想要的参数的值了，如:getUrlParam("id")。
Related labels：
url parameters
source：php.cn
Previous article：原生javascript获取元素样式属性值的方法_javascript技巧 Next article：javascript中使用replaceAll()函数实现字符替换的方法_javascript技巧
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
PHP arrays obtained from URL parameters do not behave as expected I have a URL parameter that contains the category ID and I want to treat it as an array li...
From 2024-04-06 22:09:02
0
1
1428
Set a private member of a class as a constructor parameter classFoo{#one#two#three#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...
From 2024-04-06 21:48:47
0
1
637
Is there a way to set the route prop in vue? I want to navigate to a specific tab in the page this.$router.push({name:"AdminNotifi...
From 2024-04-06 11:35:59
0
1
456
The execution order of VueJS scheduling functions causes problems I'm trying to display a list of announcements (retrieved from API) on a page. I'm using a ...
From 2024-04-06 10:37:58
0
1
385
I want to make my async calls more readable I currently handle my promises by calling an async function and chaining it with .then(). ...
From 2024-04-05 15:34:44
0
1
3689
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template