Anforderung Abrufen – Umfang, Global

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 14 Minuten Lesedauer

    • Die Anforderung Abrufen Die API enthält Methoden zum Erstellen oder Abrufen eines Anforderungsobjekts, damit Anwendungen Ressourcen wie JSON, Text oder Binärdaten asynchron von einem Server anfordern können. und bearbeiten Sie die Antwort. Diese API unterstützt verschiedene HTTP-Methoden wie GET, POST, PUT, DELETE usw.

    Diese API ist Teil eines Satzes von Abrufen APIs, die verschiedene Aktionen zum Abrufen von Ressourcen von externen Websites bereitstellen. Der vollständige Abrufen Die API-Sammlung umfasst:

    Zur Unterstützung von Abrufaktionen die Systemeigenschaft Glide.Hosts.Zulässigkeitsliste , Ermöglicht Steuerungen darüber, auf welche Hosts eine Abrufmethode zugreifen kann. Gilt für HTTP-APIs wie RestMessageV2 Und die oben genannten. Weitere Informationen zu finden Glide.Hosts.Zulässigkeitsliste , Siehe Available system properties.

    Anforderungseigenschaften

    Die Anforderung Abrufen Die API unterstützt mehrere schreibgeschützte Eigenschaften, die detaillierte Informationen zu einer HTTP-Anforderung bieten. Einige davon sind url (Die URL der Anforderung), Methode (Die HTTP-Methode), Header (Die zugeordneten Header), und Textkörper (Der Anforderungstext als Stream). Andere Eigenschaften umfassen Einstellungen für Caching, Anmeldeinformationen und Referrer. Diese Eigenschaften sind schreibgeschützt, d. h. sie können nach dem Erstellen der Anforderung aufgerufen, aber nicht geändert werden. Weitere Informationen zu den einzelnen Eigenschaften finden Sie unter https://developer.mozilla.org/en-US/docs/Web/API/Request.

    Tabelle : 1. Anforderungseigenschaften
    Eigenschaftsname Beschreibung Beispiel
    body Eigenschaft „nur bereit“. Enthält einen lesbaren Stream von Byte-Daten mit den Textkörperinhalten, die der Anforderung hinzugefügt wurden.

    Datentyp/Wert: Ein ReadableStream oder null.

    		 
    const request = new Request("/myEndpoint", {
  method: "POST",
  body: "Hello world",
});

request.body; // ReadableStream
    Körperverwendet Eigenschaft „nur bereit“. Kennzeichnung, die angibt, ob der Anforderungstext noch gelesen wurde.
    Akzeptierter Wert:
    • Wahr: Der Anforderungstext wurde gelesen.
    • Falsch: Der Anforderungstext wurde nicht gelesen.

    Datentyp: Boolesch

    		 
    const request = new Request("/myEndpoint", {
  method: "POST",
  body: "Hello world",
});

request.bodyUsed; // false

request.text().then((bodyAsText) => {
  console.log(request.bodyUsed); // true
});
    Cache Eigenschaft „nur bereit“. Enthält den Cache-Modus der Anforderung, der steuert, wie die Anforderung mit dem HTTP-Cache des Browsers interagiert.
    Akzeptierte Werte:
    • Standard: Der Browser sucht in seinem HTTP-Cache nach einer übereinstimmenden Anforderung.
      • Wenn eine Übereinstimmung vorhanden ist und sie neu ist, wird sie aus dem Cache zurückgegeben.
      • Wenn eine Übereinstimmung vorhanden ist, sie aber veraltet ist, stellt der Browser eine bedingte Anforderung an den Remote-Server. Wenn der Server angibt, dass sich die Ressource nicht geändert hat, wird sie aus dem Cache zurückgegeben. Andernfalls wird die Ressource vom Server heruntergeladen, und der Cache wird aktualisiert.
      • Wenn keine Übereinstimmung vorhanden ist, stellt der Browser eine normale Anforderung und aktualisiert den Cache mit der heruntergeladenen Ressource.
    • Cache erzwingen: Der Browser sucht im HTTP-Cache nach einer übereinstimmenden Anforderung.
      • Wenn eine Übereinstimmung vorhanden ist, frisch oder veraltet, wird sie aus dem Cache zurückgegeben.
      • Wenn keine Übereinstimmung vorhanden ist, stellt der Browser eine normale Anforderung und aktualisiert den Cache mit der heruntergeladenen Ressource.
    • Kein Cache: Der Browser sucht nach einer übereinstimmenden Anforderung in seinem HTTP-Cache.
      • Wenn eine Übereinstimmung vorliegt, neu oder veraltet, stellt der Browser eine bedingte Anforderung an den Remote-Server. Wenn der Server angibt, dass sich die Ressource nicht geändert hat, wird sie aus dem Cache zurückgegeben. Andernfalls wird die Ressource vom Server heruntergeladen, und der Cache wird aktualisiert.
      • Wenn keine Übereinstimmung vorhanden ist, stellt der Browser eine normale Anforderung und aktualisiert den Cache mit der heruntergeladenen Ressource.
    • Kein Speicher: Der Browser ruft die Ressource vom Remote-Server ab, ohne zuerst im Cache zu suchen, und aktualisiert den Cache nicht mit der heruntergeladenen Ressource.
    • Nur-wenn-zwischengespeichert: Der Browser sucht nach einer übereinstimmenden Anforderung in seinem HTTP-Cache.
      • Wenn eine Übereinstimmung vorhanden ist, frisch oder veraltet, wird sie aus dem Cache zurückgegeben.
      • Wenn keine Übereinstimmung vorhanden ist, antwortet der Browser mit dem Zeitüberschreitungsstatus für Gateway 504.

      Die Nur-wenn-zwischengespeichert Der Modus kann nur verwendet werden, wenn der Modus der Anforderung lautet Gleicher Ursprung . Zwischengespeicherte Umleitungen werden befolgt, wenn die Anforderung lautet Umleiten Eigenschaft ist Folgen Und die Umleitungen verletzen nicht Gleicher Ursprung Modus.

    • Neu laden: Der Browser ruft die Ressource vom Remote-Server ab, ohne zuerst den Cache zu suchen, aktualisiert dann den Cache mit der heruntergeladenen Ressource.

    Datentyp: Zeichenfolge

    		 
    // Download a resource with cache busting, to bypass the cache
// completely.
fetch("some.json", { cache: "no-store" }).then((response) => {
  /* consume the response */
});

// Download a resource with cache busting, but update the HTTP
// cache with the downloaded resource.
fetch("some.json", { cache: "reload" }).then((response) => {
  /* consume the response */
});

// Download a resource with cache busting when dealing with a
// properly configured server that will send the correct ETag
// and Date headers and properly handle If-Modified-Since and
// If-None-Match request headers, therefore we can rely on the
// validation to guarantee a fresh response.
fetch("some.json", { cache: "no-cache" }).then((response) => {
  /* consume the response */
});

// Download a resource with economics in mind! Prefer a cached
// albeit stale response to conserve as much bandwidth as possible.
fetch("some.json", { cache: "force-cache" }).then((response) => {
  /* consume the response */
});

// Naive stale-while-revalidate client-level implementation.
// Prefer a cached albeit stale response; but update if it's too old.
// AbortController and signal to allow better memory cleaning.
// In reality; this would be a function that takes a path and a
// reference to the controller since it would need to change the value
let controller = new AbortController();
fetch("some.json", {
  cache: "only-if-cached",
  mode: "same-origin",
  signal: controller.signal,
})
  .catch((e) =>
    e instanceof TypeError && e.message === "Failed to fetch"
      ? { status: 504 } // Workaround for chrome; which fails with a TypeError
      : Promise.reject(e),
  )
  .then((res) => {
    if (res.status === 504) {
      controller.abort();
      controller = new AbortController();
      return fetch("some.json", {
        cache: "force-cache",
        mode: "same-origin",
        signal: controller.signal,
      });
    }
    const date = res.headers.get("date"),
      dt = date ? new Date(date).getTime() : 0;
    if (dt < Date.now() - 86_400_000) {
      // if older than 24 hours
      controller.abort();
      controller = new AbortController();
      return fetch("some.json", {
        cache: "reload",
        mode: "same-origin",
        signal: controller.signal,
      });
    }

    // Other possible conditions
    if (dt < Date.now() - 300_000)
      // If it's older than 5 minutes
      fetch("some.json", { cache: "no-cache", mode: "same-origin" }); // no cancellation or return value.
    return res;
  })
  .then((response) => {
    /* consume the (possibly stale) response */
  })
  .catch((error) => {
    /* Can be an AbortError/DOMException or a TypeError */
  });
    Anmeldeinformationen Schreibgeschützt. Spiegelt den Wert wider, der für angegeben wurde Anforderung () Konstruktor in der Anmeldeinformationsoption. Anmeldeinformationen sind Cookies, TLS-Clientzertifikate oder Authentifizierungsheader, die einen Anwendernamen und ein Passwort enthalten.
    Akzeptierte Werte:
    • Einbeziehen: Anmeldeinformationen immer einschließen, auch für Anforderungen mit unterschiedlichen Ursprung.
    • Auslassen: Senden Sie keine Anmeldeinformationen in die Anforderung, oder fügen Sie Anmeldeinformationen in die Antwort ein.
    • Gleicher Ursprung: Nur Anmeldeinformationen für Anforderungen gleicher Herkunft senden und einschließen.

    Datentyp: Zeichenfolge

    		 
    const request = new Request("flowers.jpg");
const request = request.request; // returns "same-origin" by default
    destination Schreibgeschützt. Gibt eine Zeichenfolge zurück, die den Typ des angeforderten Inhalts beschreibt.
    Akzeptierte Werte:
    • Audio: Das Ziel sind Audiodaten.
    • Audio-Worklet: Das Ziel sind Daten, die zur Verwendung durch ein Audio-Worklet abgerufen werden.
    • Dokument: Das Ziel ist ein HTML- oder XML-Dokument.
    • Einbetten: Das Ziel ist eingebetteter Inhalt.
    • Fencedframe: Das Ziel ist ein umzäunter Rahmen.
    • Schriftart: Das Ziel ist eine Schriftart.
    • Frame: Das Ziel ist ein Frame.
    • IFrame: Das Ziel ist ein iFrame.
    • Bild: Das Ziel ist ein Bild.
    • json: Das Ziel ist eine JSON-Datei
    • Manifest: Das Ziel ist ein Manifest.
    • Objekt: Das Ziel ist ein Objekt.
    • Paintworklet: Das Ziel ist ein Paint-Worklet.
    • Bericht: Das Ziel ist ein Bericht.
    • Skript: Das Ziel ist ein Skript.
    • SharedWorker: Das Ziel ist ein gemeinsam genutzter Worker.
    • Stil: Das Ziel ist ein Stil.
    • Nachverfolgung: Das Ziel ist ein HTML <track>.
    • Video: Das Ziel sind Videodaten.
    • Worker: Das Ziel ist ein Worker.
    • xslt: Das Ziel ist eine XSLT-Transformation.

    Datentyp: Zeichenfolge

    		 
    fetch('https://example.com/image.jpg', {
  destination: 'image'
})
  .then(response => response.blob())
  .then(blob => {
    console.log('Image fetched successfully', blob);
  })
  .catch(error => console.error('Error:', error));
    headers Schreibgeschützt. Das Headerobjekt, das der Anforderung zugeordnet ist.

    Datentyp: Header-Objekt

    		 
    const myRequest = new Request("flowers.jpg");
const myHeaders = myRequest.headers; // Headers {}
    Integrität Schreibgeschützt. Der Integritätswert der Unterressource der Anforderung.

    Wert: Der Wert, der als übergeben wurde options.integrityArgument beim Erstellen der Anforderung. Wenn keine Integrität angegeben wurde, wird die Eigenschaft zurückgegeben „“ .

    		 
    const myRequest = new Request("flowers.jpg", {
  integrity: "sha256-abc123",
});
console.log(myRequest.integrity); // "sha256-abc123"
    IsHistoryNavigation Schreibgeschützt. Boolescher Wert, der angibt, ob die Anforderung eine Verlaufsnavigation ist.
    Akzeptierte Werte:
    • Wahr: Die Anforderung ist eine Verlaufsnavigation.
    • Falsch: Die Anforderung ist keine Verlaufsnavigation.

    Datentyp: Boolesch

    		 
    self.addEventListener("request", (event) => {
  // ...

  if (event.request.isHistoryNavigation) {
    event.respondWith(
      caches.match(event.request).then((response) => {
        if (response !== undefined) {
          return response;
        } else {
          return fetch(event.request).then((response) => {
            let responseClone = response.clone();

            caches.open("v1").then((cache) => {
              cache.put(event.request, responseClone);
            });

            return response;
          });
        }
      }),
    );
  }

  // ...
});
    Keepalive Schreibgeschützt. Keepalive-Einstellung der Anforderung (wahr oder falsch). Gibt eine leere Zeichenfolge zurück, wenn in der Anforderung kein Integritätswert übergeben wird.
    Akzeptierte Werte:
    • Wahr: Der Browser hält die zugehörige Anforderung aktiv, wenn die Seite, die sie initiiert hat, entladen wird, bevor die Anforderung abgeschlossen ist.
    • Falsch: Der Browser hält die zugehörige Anforderung nicht aktiv, wenn die Seite, die sie initiiert hat, entladen wird, bevor die Anforderung abgeschlossen ist.

    Datentyp: Boolesch

    		 
    const options = {
  keepalive: true,
};

const myRequest = new Request("flowers.jpg", options);
let myKeepAlive = myRequest.keepalive; // true
    method Schreibgeschützt. Die Methode der Anforderung ( ABRUFEN , VERÖFFENTLICHEN , Usw.)

    Datentyp: Zeichenfolge

    		 
    const myRequest = new Request("flowers.jpg");
const myMethod = myRequest.method; // GET
    Modus Schreibgeschützt. Modus der Anforderung. Wird verwendet, um zu bestimmen, ob Cross-Origin-Anforderungen zu gültigen Antworten führen und welche Eigenschaften der Antwort lesbar sind.
    Akzeptierte Werte:
    • cors: Wenn die Anforderung Cross-Origin Resource Sharing (CORS)-Mechanismus (Cross-Origin Resource Sharing) verwendet wird.
    • Navigieren: Ein Modus zur Unterstützung der Navigation. Der Wert „Navigieren“ soll nur von der HTML-Navigation verwendet werden. Eine Navigationsanforderung wird nur beim Navigieren zwischen Dokumenten erstellt.
    • No-cors: Deaktiviert CORS für ursprungsübergreifende Anforderungen. Die Antwort ist undurchsichtig, was bedeutet, dass die Header und der Textkörper nicht für JavaScript verfügbar sind.
    • Gleicher Ursprung: Erlaubt nicht ursprungsübergreifende Anforderungen. Wenn eine Anforderung an einen anderen Ursprung mit diesem Modus gestellt wird, ist das Ergebnis ein Fehler.

    Anforderungen können auf verschiedene Arten initiiert werden, und der Modus für eine Anforderung hängt von der jeweiligen Methode ab, mit der sie initiiert wurde. Beispiel: Wenn ein Anforderungsobjekt mit erstellt wird Anforderung () Konstruktor, der Wert der Moduseigenschaft für diese Anforderung wird auf cors festgelegt. Jedoch für Anforderungen, die nicht von erstellt wurden Anforderung () Konstruktor wird normalerweise „no-cors“ als Modus verwendet. Beispiel: Für eingebettete Ressourcen, bei denen die Anforderung über Markup initiiert wird, wird die Anforderung, sofern das Crossorigin-Attribut nicht vorhanden ist, in den meisten Fällen im No-cors-Modus gestellt, d. h. für <link>Oder <script> elements (except when used with modules), or <img>, <audio>,<video>, <object>, <embed>, or <iframe> elements.

    Datentyp: Zeichenfolge

    		 
    const myRequest = new Request("flowers.jpg");
const myMode = myRequest.mode; // returns "cors" by default
    umleiten Schreibgeschützt. Modus für die Behandlung von Umleitungen.
    Gültige Werte:
    • Fehler
    • Folgen
    • Manuell

    Datentyp: Zeichenfolge

    Standard: Folgen

    		 
    const myRequest = new Request("flowers.jpg");
const myCred = myRequest.redirect;
    Referrer Schreibgeschützt. Der Referrer der Anforderung (z. B. Client , Kein Referrer , Oder eine URL). Ein Wert von Kein Referrer Gibt eine leere Zeichenfolge zurück.

    Datentyp: Zeichenfolge

    		 
    const myRequest = new Request("flowers.jpg");
const myReferrer = myRequest.referrer; // returns "about:client" by default
    ReferrerPolicy Schreibgeschützt. Die Referrer-Richtlinie, die steuert, welche Referrer-Informationen im Referrer-Header mit der Anforderung gesendet werden.

    Datentyp: Zeichenfolge

    		 
    const myRequest = new Request("flowers.jpg");
const myReferrer = myRequest.referrerPolicy; // returns "" by default
    signal Schreibgeschützt. AbortSignal, das der Anforderung zugeordnet ist.

    Datentyp: Zeichenfolge

    		 
    // Create a new abort controller
const controller = new AbortController();

// Create a request with this controller's AbortSignal object
const req = new Request("/", { signal: controller.signal });

// Add an event handler logging a message in case of abort
req.signal.addEventListener("abort", () => {
  console.log("abort");
});

// In case of abort, log the AbortSignal reason, if any
fetch(req).catch(() => {
  if (req.signal.aborted) {
    if (req.signal.reason) {
      console.log(`Request aborted with reason: ${req.signal.reason}`);
    } else {
      console.log("Request aborted but no reason was given.");
    }
  } else {
    console.log("Request not aborted, but terminated abnormally.");
  }
});

// Actually abort the request
controller.abort();
    URL Schreibgeschützt. URL der Anforderung.

    Datentyp: Zeichenfolge

    		 
    const myRequest = new Request("flowers.jpg");
const myURL = myRequest.url; // "https://github.com/mdn/dom-examples/tree/main/fetch/fetch-request/flowers.jpg"

    Anforderung Abrufen – Request()

    Erstellt ein neues Anforderungsobjekt. Erstellen Sie optional das Anforderungsobjekt aus einer URL oder Objektressource.

    Tabelle : 2. Parameter
    Name Typ Beschreibung
    Eingabe Zeichenfolge oder Objekt Optional. Die abzurufende Ressource.

    Gültige Werte:

    • Eine Zeichenfolge, die die URL der abzurufenden Ressource enthält. Die API akzeptiert keine URLs mit Anmeldeinformationen, z. B. http://user.password.example.com . Eine Ausnahme wird ausgelöst, wenn die URL nicht analysiert werden kann.
    • Ein Anforderungsobjekt, das effektiv eine Kopie eines vorhandenen Anforderungsobjekts erstellt. Die Objektstruktur wird von der Anforderungsklasse diktiert.
      Hinweis:
      Beachten Sie die folgenden Verhaltensaktualisierungen, um die Sicherheit beizubehalten und gleichzeitig die Wahrscheinlichkeit zu verringern, dass der Konstruktor Ausnahmen auslöst:
      • Wenn dieses Objekt in einem anderen Ursprung des Konstruktoraufrufs vorhanden ist,  wird die Eigenschaft Request.Referrer entfernt.
      • Wenn dieses Objekt die  Eigenschaft „Request.Mode“ von hat  Navigieren , Der Moduswert wird in konvertiert  Gleicher Ursprung .
    Optionen Objekt Optional. A Rufen Sie „RequestInit“ ab – Umfang, Global Objekt mit anwenderdefinierten Einstellungen, die auf die Anforderung angewendet werden sollen. Wenn Sie eine neue Anforderung aus einer vorhandenen Anforderung erstellen, überschreiben die in der neuen Anforderung festgelegten Optionen alle entsprechenden Optionen in der ursprünglichen Anforderung.

    Standard: Gibt Standardwerte für alle Eigenschaften zurück.

    Das folgende Beispiel zeigt, wie ein neues Anforderungsobjekt mit erstellt wird Anforderung () Konstruktor.

    var myImage = document.querySelector("img");
var myRequest = new Request("flowers.jpg");

    Das folgende Beispiel zeigt, wie das neue Anforderungsobjekt mithilfe des Eingabeparameters erstellt wird, um eine URL oder ein Objekt abzurufen.

    var myImage = document.querySelector("img");
var myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => response.blob())
  .then((response) => {
    var objectURL = URL.createObjectURL(response);
    myImage.src = objectURL;
  });

    Das folgende Beispiel zeigt, wie Sie das neue Anforderungsobjekt mit Headeroptionen mithilfe eines Objektliterals erstellen.

    var myImage = document.querySelector("img");
var myRequest = new Request("flowers.jpg");

var options = {
  headers: {
    "Cache-Control": "max-age=60480",
  },
};

    Anforderung abrufen – arrayBuffer()

    Liest den Anforderungstext und gibt ihn als Zusage zurück, die mit einem arrayBuffer gelöst wird.

    Tabelle : 3. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 4. Ergebnisse
    Typ Beschreibung
    Zusage Eine Zusage, die mit gelöst wird ArrayBuffer .

    Im Folgenden wird gezeigt, wie mit eine neue Anforderung erstellt wird ArrayBuffer() Methode.

    var myArray = new Uint8Array(10);

var request = new Request("/myEndpoint", {
  method: "POST",
  body: myArray,
});

request.arrayBuffer().then((buffer) => {
  // perform an action with the buffer sent in the request
});

    Anforderung abrufen – blob()

    Liest den Anforderungstext und gibt ihn als Zusage zurück, die mit einem Blob gelöst wird.

    Tabelle : 5. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 6. Ergebnisse
    Typ Beschreibung
    Objekt Ein Versprechen, das mit gelöst wird Blob .

    Das folgende Beispiel zeigt, wie Sie eine Anforderung mit erstellen blob() Methode.

    var obj = { hello: "world" };
var myBlob = new Blob([JSON.stringify(obj, null, 2)], {
  type: "application/json",
});

var request = new Request("/myEndpoint", {
  method: "POST",
  body: myBlob,
});

request.blob().then((myBlob) => {
  // do something with the blob sent in the request
});

    Anforderung abrufen – bytes()

    Liest den Anforderungstext und gibt ihn als Zusage zurück, die mit einem Uint8Array gelöst wird.

    Tabelle : 7. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 8. Ergebnisse
    Typ Beschreibung
    Objekt Eine Zusage, die mit gelöst wird Uint8Array .

    Im Folgenden wird gezeigt, wie mit eine neue Anforderung erstellt wird Byte() Methode.

    var myArray = new Uint8Array(10);

var request = new Request("/myEndpoint", {
  method: "POST",
  body: myArray,
});

request.bytes().then((buffer) => {
  // do something with the buffer sent in the request
});

    Anforderung abrufen – Klon()

    Erstellt eine Kopie des aktuellen Anforderungsobjekts.

    Tabelle : 9. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 10. Ergebnisse
    Typ Beschreibung
    Anforderung Ein Anforderungsobjekt, das eine genaue Kopie der Anforderung ist, die Klon () Wurde aufgerufen am. Klon () Löst einen Fehler aus, wenn der Anforderungstext bereits verwendet wurde. Wenn Sie die Anforderung ändern möchten, verwenden Sie Anforderung Abrufen – Request() Konstruktor.

    Das folgende Beispiel zeigt, wie Sie mit eine neue Anforderung erstellen Anforderung () Und kopieren Sie es dann mit Klon () .

    var myRequest = new Request("flowers.jpg");
var newRequest = myRequest.clone(); // a copy of the request is now stored in newRequest

    Anforderung abrufen – formData()

    Liest den Anforderungstext und gibt ihn als Zusage zurück, die mit einem FormData-Objekt gelöst wird.

    Tabelle : 11. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 12. Ergebnisse
    Typ Beschreibung
    Keine Ein Versprechen, das mit gelöst wird Formulardaten Objekt.

    Das folgende Beispiel zeigt, wie Sie mit eine neue Anforderung erstellen Anforderung () Und lösen Sie es dann mit der Methode „formData()“ auf, um es als FormData-Objekt aufzulösen.

    var formData = new FormData();
var fileField = document.querySelector('input[type="file"]');

formData.append("username", "abc123");
formData.append("avatar", fileField.files[0]);

var request = new Request("/myEndpoint", {
  method: "POST",
  body: formData,
});

request.formData().then((data) => {
  // do something with the formdata sent in the request
});

    Anforderung abrufen – JSON()

    Liest den Anforderungstext, analysiert den Inhalt als JSON und gibt eine Zusage zurück, die mit dem analysierten Ergebnis aufgelöst wird.

    Tabelle : 13. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 14. Ergebnisse
    Typ Beschreibung
    Objekt Eine Zusage (der spätere Abschluss oder ein Fehler eines asynchronen Vorgangs und sein resultierender Wert), die sich in ein JavaScript-Objekt löst. Dieses Objekt kann alles sein, was von JSON dargestellt werden kann: Ein Objekt, ein Array, eine Zeichenfolge, eine Zahl usw.

    Das folgende Beispiel zeigt, wie Sie mit eine neue Anforderung erstellen Anforderung () Und dann json() Um die Anforderung zu analysieren und als JSON-Objekt zurückzugeben.

    var obj = { hello: "world" };

var request = new Request("/myEndpoint", {
  method: "POST",
  body: JSON.stringify(obj),
});

request.json().then((data) => {
  // process the data sent in the request
});

    Anforderung abrufen – Text()

    Liest den Anforderungstext und gibt ihn als Zusage zurück, die mit einer Zeichenfolge gelöst wird, die mit UTF-8 decodiert wurde.

    Tabelle : 15. Parameter
    Name Typ Beschreibung
    Keine
    Tabelle : 16. Ergebnisse
    Typ Beschreibung
    Keine Eine Zusage, die mit einer Zeichenfolge im UTF-8-Format aufgelöst wird.

    Dieses Beispiel zeigt, wie Sie anrufen Text() .

    var text = "Hello world";

var request = new Request("/myEndpoint", {
  method: "POST",
  body: text,
});

request.text().then((text) => {
  // process the data sent in the request
});