Wie kann ich mit CORS domänenübergreifende POST-Anfragen in JavaScript stellen?

Domainübergreifende POST-Anfragen über JavaScript senden

Domainübergreifende Anfragen sind eine häufige Herausforderung in der Webentwicklung. In JavaScript gibt es mehrere Möglichkeiten, eine domänenübergreifende POST-Anfrage zu senden, aber eine der einfachsten Methoden besteht darin, den „Cross-Origin Resource Sharing“ (CORS)-Standard zu nutzen.

CORS-Konfiguration auf der Server

Aktivieren Sie CORS auf dem Server, der die POST-Anfrage empfängt durch:

1. Hinzufügen der folgenden Antwortheader:

   • Access-Control-Allow-Origin: from.com (ersetzen Sie from.com durch den Ursprung des Anfrage)
   • Zugriffskontroll-Zulassungsmethoden: POST
   • Access-Control-Max-Age: 1000
   • Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With

Domainübergreifender POST über JavaScript

In JavaScript können Sie die Abruf-API verwenden, um eine domänenübergreifende POST-Anfrage zu senden:

fetch('https://to.com/postHere.php', {
  method: 'POST',
  mode: 'cors',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ some: 'json' })
})
  .then(response => response.json())
  .then(responseData => {
    console.log(responseData.someKey);
  })
  .catch(error => {
    console.error('POST failed', error);
  });

Dieser Code stellt eine POST-Anfrage an https://to. com/postHere.php von einem anderen Ursprung (from.com). Es legt die notwendigen Header für CORS fest und stringifiziert den Anfragetext als JSON.

Behandlung von OPTIONS-Anfragen

Wenn ein Client eine domänenübergreifende POST-Anfrage sendet, zuerst der Browser sendet eine OPTIONS-Anfrage an den Server, um zu prüfen, ob der Server die Anfrage unterstützt. Der Server sollte auf diese Anfrage mit den entsprechenden CORS-Headern antworten, um anzuzeigen, dass die POST-Anfrage zulässig ist.

Überlegungen

• Diese Methode erfordert CORS-Unterstützung auf dem Server.
• Die Anfrage stellt zwei Anfragen an den Server: eine OPTIONS-Anfrage, gefolgt vom POST Anfrage.
• CORS funktioniert möglicherweise nicht auf allen Geräten, insbesondere nicht auf Mobilgeräten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit CORS domänenübergreifende POST-Anfragen in JavaScript stellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!