Zusammenfassung der von js unterstützten domänenübergreifenden Methoden für Post-Anfragen

Dieses Mal bringe ich Ihnen eine Zusammenfassung der domänenübergreifenden Methoden für js zur Unterstützung von Post-Anfragen. Was sind die Hinweise für js, um domänenübergreifende Post-Anfragen zu unterstützen? Schauen wir mal rein.

JSONP implementiert domänenübergreifende Aufrufe

Häufig verwendete JQuery implementiert domänenübergreifende Aufrufe

$.ajax({
  url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php",
  dataType: "jsonp",
  jsonp: "callback",
  context: document.body,
  success: function(data) {
    console.log(data);
  }
});

Das eigentliche Implementierungsprinzip dieses Aufrufs besteht darin,
ein Skript-Tag zu erstellen die Webseite, und src wird auf die entsprechende URL gesetzt und der entsprechende Rückrufparameter wird im folgenden Format hinzugefügt:

Der angeforderte Servercode lautet wie folgt:

$data   = json_encode(array("id" => "1", "name" => "tom"));
$callback = $_GET["callback"];
echo $callback . "(" . $data . ")";

eigentlich kehrt am Ende zurück. Der Inhalt ist nur ein Absatz-JS-Code:

jQuery211018970995225637144_1465350372062({"id":1",name":tom"})

Wenn der Browser diesen JS-Code erhält, wird diese Funktion später ausgeführt, um die beim Rückruf der Ajax-Anfrage festgelegte Erfolgsmethode zu implementieren.

Nachteile der JSONP-Implementierung

Nachdem Sie das Prinzip verstanden haben, wissen Sie, dass die domänenübergreifende Methode der JSONP-Implementierung keine Post-Anfragen unterstützt und nur Get-Anfragen unterstützen kann. Was aber, wenn Sie Beitragsanfragen unterstützen müssen? Lassen Sie uns über die serverseitigen Einstellungen sprechen.

Servereinstellungen unterstützen domänenübergreifend

Hauptsächlich der Header-Parameter Access-Control-Allow-Origin, der verwendet wird, um anzugeben, welcher Ursprung von Domänenanforderungen zulässig ist. Der Servercode lautet wie folgt:

// 表示支持所有来源的域进行请求
// 实际在操作过程中可以设置为指定域
header('Access-Control-Allow-Origin:*');
$data = json_encode(array("id" => "1", "name" => "tom"));
echo $data;

Der entsprechende js-Code:

$.ajax({
  type: "POST",
  url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/header.php",
  dataType: "json",
  success: function(data) {
    console.log(data);
  }
});

kann Post-Anfragen unterstützen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So zeigen Sie persönliche Informationen an und ändern das Passwort in Vue

Zusammenfassung der Methoden zum Einbetten von JS in HTML-Dokumente

Das obige ist der detaillierte Inhalt vonZusammenfassung der von js unterstützten domänenübergreifenden Methoden für Post-Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!