


Wie kann ich ein JavaScript-Objekt effizient in eine Abfragezeichenfolge kodieren?
Dec 06, 2024 am 11:45 AMEffiziente JavaScript-Objektkodierung für Abfragezeichenfolgen
Die Kodierung eines JavaScript-Objekts in eine Zeichenfolge zur Übertragung über GET-Anfragen kann eine mühsame Aufgabe sein. Zum Glück gibt es eine einfache JavaScript-Lösung, die nicht auf Bibliotheken von Drittanbietern oder jQuery angewiesen ist.
So können Sie es machen:
serialize = function(obj) { var str = []; for (var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); }
Diese Funktion verwendet ein JavaScript-Objekt als Eingabe und gibt eine codierte Zeichenfolge zurück. Der Kodierungsprozess umfasst:
- Iterieren über die Eigenschaften des Objekts
- URL-Kodierung sowohl des Eigenschaftsnamens als auch des Eigenschaftswerts
- Verkettung der kodierten Paare mit einem kaufmännischen Und (&) Trennzeichen
Zur Veranschaulichung sollten Sie Folgendes kodieren Objekt:
{ foo: "hi there", bar: "100%" }
Verwendung der Serialisierungsfunktion:
console.log(serialize({ foo: "hi there", bar: "100%" }));
Gibt die folgende codierte Zeichenfolge aus:
foo=hi%20there&bar=100%25
Diese codierte Zeichenfolge kann dann als übergeben werden Abfragezeichenfolge in einer GET-Anfrage ohne Probleme.
Das obige ist der detaillierte Inhalt vonWie kann ich ein JavaScript-Objekt effizient in eine Abfragezeichenfolge kodieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist

HTTP-Debugging mit Knoten und HTTP-Konsole

JQuery fügen Sie Scrollbar zu Div hinzu

Benutzerdefinierte Google -Search -API -Setup -Tutorial
