Heim > Web-Frontend > js-Tutorial > Wie kann ich maskierte URL-Parameter in JavaScript abrufen?

Wie kann ich maskierte URL-Parameter in JavaScript abrufen?

Susan Sarandon
Freigeben: 2024-12-08 11:06:12
Original
125 Leute haben es durchsucht

How Can I Retrieve Escaped URL Parameters in JavaScript?

Escaped URL-Parameter mit JavaScript abrufen

Viele Entwickler stehen vor der Herausforderung, URL-Parameter zu extrahieren, die codierte Zeichen enthalten. Dies kann aufgrund fehlerhafter URI-Sequenzen zu JavaScript-Fehlern führen. In diesem Artikel untersuchen wir ein einfaches jQuery-Plugin und seine Modifikation, um dieses Problem zu beheben.

jQuery-Plugin zum Abrufen von URL-Parametern

Das folgende jQuery-Plugin bietet ein praktische Methode zum Abrufen von URL-Parametern, auch solchen, die vorhanden sind maskiert:

$.getUrlParameter = function(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
};
Nach dem Login kopieren

Verwendung:

var searchTerm = $.getUrlParameter('search');
Nach dem Login kopieren

Änderung für maskierte Zeichen

Zur Behandlung von URL-Parametern mit Escapezeichen Zeichen ist eine einfache Änderung am Plugin erforderlich:

$.getUrlParameter = function(name) {
    return decodeURIComponent(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
};
Nach dem Login kopieren

Durch die Verwendung der decodeURIComponent-Funktion, dieses modifizierte Plugin kann alle kodierten Zeichen im URL-Parameterwert dekodieren.

Hinweis: Das ursprüngliche Plugin dekodierte den abgerufenen Parameter mit decodeURI, das UTF-8-kodierte Zeichen verarbeitet. Allerdings ist decodeURIComponent besser für URL-Parameter geeignet, da es jedes codierte Zeichen dekodieren kann.

Das obige ist der detaillierte Inhalt vonWie kann ich maskierte URL-Parameter in JavaScript abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage