Wie sende ich eine Cross-Domain-POST-Anfrage über JavaScript?

Question

Wie sende ich via JavaScript eine POST-Anfrage über verschiedene Domains hinweg?

Hinweise - die Seite sollte nicht neu geladen werden und ich muss die Antwort danach abrufen und analysieren.

Answer 1

CORS ist für dich. CORS steht für "Cross Origin Resource Sharing" und ist eine Möglichkeit, Cross-Domain-Anfragen zu senden. Sowohl das XMLHttpRequest2 als auch die Fetch API unterstützen CORS, und sie können sowohl POST- als auch GET-Anfragen senden.

Aber es hat seine Grenzen. Der Server muss den Access-Control-Allow-Origin spezifisch angeben, und er darf nicht auf '*' gesetzt werden.

Und wenn du möchtest, dass jede Ursprung eine Anfrage an dich senden kann, benötigst du JSONP (es muss auch Access-Control-Allow-Origin festgelegt werden, kann aber '*').

Für viele Anfrage-Wege, wenn du nicht weißt, wie du wählen sollst, denke ich, dass du eine voll funktionsfähige Komponente benötigst, um das zu tun. Lass mich eine einfache Komponente vorstellen https://github.com/Joker-Jelly/catta

---

Wenn du einen modernen Browser verwendest (> IE9, Chrome, FF, Edge, usw.), empfehle ich dir sehr, eine einfache aber schöne Komponente zu verwenden https://github.com/Joker-Jelly/catta. Es hat keine Abhängigkeiten, weniger als 3KB, und es unterstützt Fetch, AJAX und JSONP mit der gleichen tödlichen Beispiel-Syntax und Optionen.

catta('./data/simple.json').then(function (res) {
  console.log(res);
});

Es unterstützt auch alle Wege, um es in dein Projekt zu importieren, wie ES6-Modul, CommonJS und sogar </code> in HTML.</p></x-turndown>

Answer 2

Wenn Sie Zugriff auf den Cross-Domain-Server haben und keine Änderungen am Servercode vornehmen möchten, können Sie eine Bibliothek namens - 'xdomain' verwenden.

Wie es funktioniert:

Schritt 1: Server 1: Fügen Sie die xdomain-Bibliothek ein und konfigurieren Sie den Cross-Domain als Slave:

Schritt 2: Auf dem Cross-Domain-Server erstellen Sie eine proxy.html-Datei und nehmen Server 1 als Master auf:

proxy.html:

  xdomain.masters({
    "https://server1" : '*'
  });

Schritt 3:

Jetzt können Sie einen AJAX-Aufruf an die proxy.html als Endpunkt von Server1 machen. Dies umgeht die CORS-Anfrage. Die Bibliothek verwendet intern eine iframe-Lösung, die mit Berechtigungen und allen möglichen Methoden funktioniert: GET, POST usw.

Abfrage-AJAX-Code:

$.ajax({
        url: 'https://crossdomain_server/proxy.html',
        type: "POST",
        data: JSON.stringify(_data),
        dataType: "json",
        contentType: "application/json; charset=utf-8"
    })
    .done(_success)
    .fail(_failed)