简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-05-16 18:13:21
Original
1088 Leute haben es durchsucht

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

复制代码 代码如下:

<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")。
Verwandte Etiketten：
url参数
Quelle：php.cn
Vorheriger Artikel：原生javascript获取元素样式属性值的方法_javascript技巧 Nächster Artikel：javascript中使用replaceAll()函数实现字符替换的方法_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Aus URL-Parametern erhaltene PHP-Arrays verhalten sich nicht wie erwartet Ich habe einen URL-Parameter, der die Kategorie-ID enthält, und ich möchte ihn als Array w...
Aus 2024-04-06 22:09:02
0
1
1428
Legen Sie ein privates Mitglied einer Klasse als Konstruktorparameter fest classFoo{#eins#zwei#drei#vier#fünf#sechs#sieben#acht#neun#zehn#eleven#zwölf#dreizehn#vierz...
Aus 2024-04-06 21:48:47
0
1
637
Gibt es eine Möglichkeit, die Routenstütze in Vue festzulegen? Ich möchte zu einer bestimmten Registerkarte auf der Seite this.$router.push({name:"A...
Aus 2024-04-06 11:35:59
0
1
456
Die Ausführungsreihenfolge der VueJS-Planungsfunktionen verursacht Probleme Ich versuche, eine Liste von Ankündigungen (von der API abgerufen) auf einer Seite anzuzei...
Aus 2024-04-06 10:37:58
0
1
385
Ich möchte meine asynchronen Aufrufe lesbarer machen Ich handhabe meine Versprechen derzeit, indem ich eine asynchrone Funktion aufrufe und sie...
Aus 2024-04-05 15:34:44
0
1
3689
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！