Heim > Web-Frontend > js-Tutorial > Wie kodiere ich URL-Strings in JavaScript für GET-Anfragen richtig?

Wie kodiere ich URL-Strings in JavaScript für GET-Anfragen richtig?

Susan Sarandon
Freigeben: 2024-12-21 01:10:11
Original
614 Leute haben es durchsucht

How Do I Properly Encode URL Strings in JavaScript for GET Requests?

URL-Zeichenfolgen in JavaScript für GET-Anfragen kodieren

Beim Erstellen einer GET-Anfrage müssen Sie möglicherweise die URL-Zeichenfolge kodieren, um sicherzustellen, dass alle Sonderzeichen werden ordnungsgemäß behandelt. JavaScript bietet hierfür zwei nützliche Funktionen:

1. encodeURIComponent(str)

Diese Funktion maskiert bestimmte Zeichen in der Zeichenfolge in ihre entsprechenden URI-codierten Escape-Sequenzen. Zu diesen Zeichen gehören Leerzeichen, Fragezeichen, kaufmännische Und-Zeichen und viele andere, die in URL-Pfaden oder Abfragen nicht zulässig sind.

2. encodeURI(str)

Ähnlich wie encodeURIComponent maskiert encodeURI auch Sonderzeichen, kodiert jedoch keine reservierten Zeichen wie /, ? und #. Diese Zeichen sind in URL-Pfaden und Abfragen zulässig und sollten daher nicht maskiert werden.

In Ihrem Beispiel:

var myUrl = "http://example.com/index.html?param=1&anotherParam=2";
Nach dem Login kopieren

Um die Variable myUrl zu kodieren, verwenden Sie die Funktion encodeURIComponent:

var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl);
Nach dem Login kopieren

Dadurch werden alle Sonderzeichen in der myUrl-Zeichenfolge ordnungsgemäß maskiert, um sicherzustellen, dass sie sicher in einem GET verwendet werden kann Anfrage.

Das obige ist der detaillierte Inhalt vonWie kodiere ich URL-Strings in JavaScript für GET-Anfragen richtig?. 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