Heim > Web-Frontend > js-Tutorial > Wie kodiere ich JavaScript-Objekte für GET-Anfragen?

Wie kodiere ich JavaScript-Objekte für GET-Anfragen?

Susan Sarandon
Freigeben: 2024-12-06 18:38:11
Original
671 Leute haben es durchsucht

How to Encode JavaScript Objects for GET Requests?

JavaScript-Objekte für GET-Anfragen kodieren

In der Webentwicklung ist es oft notwendig, Daten von einer JavaScript-Anwendung mithilfe eines GET an einen Server zu übergeben Anfrage. Allerdings können JavaScript-Objekte nicht direkt in URLs eingebunden werden. Sie müssen in einen String kodiert werden.

Lösung:

Eine einfache Methode zum Kodieren von JavaScript-Objekten für GET-Anfragen ist die Verwendung der folgenden Hilfsfunktion:

serialize = function(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}
Nach dem Login kopieren

Beispielverwendung:

Um diese Funktion zu verwenden, übergeben Sie einfach ein Objekt als Argument und es wird eine codierte Zeichenfolge zurückgegeben. Zum Beispiel:

console.log(serialize({
  foo: "hi there",
  bar: "100%"
}));
// Output: foo=hi%20there&bar=100%
Nach dem Login kopieren

Ergebnis:

Diese Funktion kodiert die Eigenschaften des Objekts (Schlüssel-Wert-Paare) in eine Zeichenfolge, die zur Aufnahme in eine URL-Abfragezeichenfolge geeignet ist. Jede Eigenschaft wird mit encodeURIComponent() für die richtige Formatierung codiert.

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